Sign Up Sign in
📌 Очень жаль, что всем известный персонаж решил начать войну. Мы молимся за Украину и за мир!
CSS logo

CSS - Видеоуроки, курсы, туториалы

CSS (Cascading Style Sheets) - формальный язык, который применяют для быстрой стилизации HTML веб-страницы. С его помощью вы можете стилизировать почти любой элемент HTML разметки, просто подключая css файл к странице. Используя css селекторы, вы можете выбирать любой элемент и задавать ему нужные параметры для отобрежения (цвет, шрифт, размер, позиция и тд.) В интернете много шуток по поводу работы с CSS, но ничего сложного в нем нет. В современной разработке используют препроцессоры CSS - Sass, less, Stylus. Смысл в их использовании - лучшая читабельность кода и повышеная производительность.

Источники о css

Academind Pro logo Academind Pro adamwathan logo adamwathan Ahmad Shadeed logo Ahmad Shadeed algoexpert logo algoexpert beonmax.com logo beonmax.com Brad Traversy logo Brad Traversy Build UI logo Build UI Chris Sev logo Chris Sev Codecourse logo Codecourse codeschool logo codeschool codewithmosh (Mosh Hamedani) logo codewithmosh (Mosh Hamedani) cssanimation.rocks logo cssanimation.rocks designcode.io logo designcode.io developedbyed.com logo developedbyed.com egghead logo egghead every-layout.dev logo every-layout.dev frontendmasters logo frontendmasters fullstack.io logo fullstack.io

CSS в топиках

Frontend logo Frontend

Курсы по css

GreenSock Workshop logo

GreenSock Workshop

 
Делайте анимацию как профессионал с курсом GreenSock! Вы профессионал или просто начинаете работу с JavaScript, jQuery, GSAP и SVG-анимациями? Это не имеет значения.Мой курс идеально подходит для новичков - потому что я не «предполагаю», что вы уже знаете кучу вещей. Поэтому вы не будете разочарованы во время просмотра моих видео.С самого начала вы сможете забрать все, и говорить на одном языке, как и все остальные.
8 ч 54 мин 51 сек
English
Премиум
CSS Анимированный Poké Ball logo

CSS Анимированный Poké Ball

CSS Animated Poké Ball
Увлекательная задача, использующая встроенные переменные CSS, градиенты, функцию calc () и разбрызгивание анимации.
0 ч 18 мин 49 сек
English
Премиум
BEM или не BEM? logo

BEM или не BEM?

To BEM or not to BEM?
BEM - это просто соглашение об именах CSS. Однако, что-то настолько простое может помочь вам правильно организовать ваш CSS и помочь повторно его использовать. Мы также рассматриваем работу  BEM вместе с  SASS.
0 ч 29 мин 56 сек
English
Премиум
Курс Bootstrap 4 с нуля logo

Курс Bootstrap 4 с нуля

Learn Bootstrap 4 - Make Real World Projects & Templates
Изучайте HTML, CSS, Javascript и Bootstrap 4 и продавайте премиальные шаблоны онлайн - создавайте премиальные темы и зарабатывайте деньги! Вы хотите повысить свой доход в качестве веб-разработчика? Может быть у вас много идей для веб-приложений, но не знаете с чего начать? Или вы ищете работу в веб-разработке которая наконец даст вам свободу и гибкость, о которой вы мечтали? Bootstrap 4 упрощает разработку веб-сайтов. Он создан для людей всех уро
13 ч 32 мин 22 сек
English
Премиум
CSS-сетки и Flexbox в адаптивном веб-дизайне logo

CSS-сетки и Flexbox в адаптивном веб-дизайне

CSS Grids and Flexbox in Responsive Web Design
Мы начнем с быстрого обзора текущего стандарта отрасли: сеток построеной на флоатах . Мы рассмотрим как быстро создать такую сетку плюс преимущества и недостатки такого подхода. Мы также рассмотрим медиа-запросы и отзывчивые изображения, включая новый тег и Picturefill. Мы быстро перейдем к Flexbox, сначала исследуем как работает Flexbox, так как он сильно отличается от float. Мы будем верстать простую сетчатую систему с помощью Flexbox, и рассмо
5 ч 37 мин 50 сек
English
Удален по просьбе правообладателя
Анимация SVG с помощью CSS logo

Анимация SVG с помощью CSS

Animating SVG with CSS
SVG (масштабируемая векторная графика) также поддерживает интерактивность и анимацию, поэтому вы можете анимировать и взаимодействовать с SVG, как вы это делаете с HTML. Этот короткий курс охватывает наиболее распространенные методы анимации SVG: transitions, transforms, и keyframe.
0 ч 59 мин 54 сек
English
Премиум
Основы Bootstrap 4 logo

Основы Bootstrap 4

Bootstrap 4 Basics
Научитесь использовать Bootstrap 4, один из самых популярных фреймворков с открытым исходным кодом, который поможет вам в кратчайшие сроки построить функциональный дизайн и структуру.
2 ч 6 мин 44 сек
English
Премиум
Основы Flexbox logo

Основы Flexbox

Flexbox Fundamentals
Flexbox - замечательный инструмент, встроенный в спецификацию CSS. Использование flexbox не требует каких-либо специальных фреймворков или библиотек, просто браузер с поддержкой CSS3. Flexbox делает элементы на странице очень забавными!
0 ч 18 мин 6 сек
English
Премиум
Препроцессоры Sass и Less logo

Препроцессоры Sass и Less

Препроцессоры Sass и Less. Автоматизация и упрощение Front-end разработки
Препроцессоры Sass и Less упрощают вашу работу в разы. Они ускоряют написание css, добавляя вам ряд преимущест, таких как переменные, миксины. вложенные селекторы, математические функции, сообщения об ошибках в написании кода и тд. Во время использования Less или Sass в разработке проекта вы получите удобное написание кода, который будете писать в разы быстрей по сравнению с тем, если бы вы использовали обычный css, также вы сможете избежать дубл
15 ч 11 мин 36 сек
Русский
Премиум
Адаптивная типографика logo

Адаптивная типографика

Responsive Typography
Веб-шрифты существуют уже несколько лет, так же как и адаптивный веб-дизайн. Но есть еще множество вопросов о производительности, удобстве использования и согласованности между браузерами и устройствами. Этот курс исследует мир веб-шрифтов: какие есть веб-шрифты, как они работают и почему вы должны их использовать.
5 ч 55 мин 23 сек
English
Удален по просьбе правообладателя
Рейтинг
Продолжительность
Язык
Цена

Узнать больше о CSS

Что такое CSS ?
CSS (Cascading Style Sheets) это язык таблиц стилей, используемый для описания представления документа, написанного на языке разметки. Он наиболее часто используется в сочетании с HTML и JavaScript для создания визуально привлекательных веб-страниц. CSS позволяет разработчикам отделять представление веб-страницы от ее структуры, что упрощает обслуживание и обновление дизайна сайта. С помощью CSS, разработчики могут определять стили для элементов, таких как текст, цвет, интервалы, макет и многое другое. Он позволяет точно управлять макетом и дизайном веб-страницы, создавая адаптивный дизайн, который может меняться в зависимости от размера экрана и устройства.
Кто использует CSS ?
CSS (Cascading Style Sheets) используются веб-разработчиками и дизайнерами для описания внешнего вида веб-страниц. Он используется для создания красивых и динамичных веб-страниц, создания адаптивного дизайна и для создания стилей для текста, цвета, интервалов, макета и многого другого. Он используется в сочетании с HTML и JavaScript для создания интерактивных и динамичных веб-страниц. В общем CSS используют все те, кто занимается разработкой и дизайном веб-сайтов.
Для чего используют CSS ?
CSS (Cascading Style Sheets) используются для описания внешнего вида веб-страниц. Они используются для создания красивых и динамичных веб-страниц, создания адаптивного дизайна и для создания стилей для текста, цвета, интервалов, макета и многого другого. Они позволяют разделить структуру и дизайн веб-страницы, что делает ее более гибкой и легкой для обслуживания. CSS используются для создания кроссбраузерных стилей, создания стилей для различных размеров экранов и устройств, создания анимации и интерактивных эффектов и многое другое.