В этом модуле мы разберём чем вам может быть полезно применение css-стилей в работе над сайтом, также научимся работать с панелью разработчика, искать нужные нам элементы на странице и обращаться к ним
ОтступыСкругление угловАдаптив
В этом модуле мы разберём чем вам может быть полезно применение css-стилей в работе над сайтом, также научимся работать с панелью разработчика, искать нужные нам элементы на странице и обращаться к ним
Эффект наведенияМаркерыДобавление элементов
научимся обращаться и стилизовать элементы, к которым нельзя явно обратиться, также рассмотрим как генерировать содержимое, которого нет в исходном html коде
CSS-анимацияSVG-анимацияSBS-анимация
Рассмотрим что такое css-анимация, научимся совмещать её с sbs анимацией и также с анимацией созданной через сторонние сервисы
Скругление углов и обводка
Рассмотрим варианты скругления углов и разберём оформление границ у элементов
Отступы
Научимся управлять внутренними и внешними отступами у элементов любых стандартных блоков
Ширина и высота
Разберём как регулировать вручную высоту и ширину элементов
Трансформация
Научимся вращать, перемещать, масштабировать и искажать элементы
Позиционирование
Рассмотрим способы позиционирования элементов, научимся располагать элементы друг относительно друга
Фон
Научимся устанавливать цвет, градиент и изображение у фона элемента. Подробно разберём все свойства
Работа с текстом
Рассмотрим все свойства, которые касаются шрифтов и научимся работать с ними
Блочные и строчные элементы
Рассмотрим часть элементов из свойства display, научимся использовать их в стандартных блоках
Мастер-класс #1
В этом мастер-классе научились стилизовать фильтры и табы стандартного каталога
z-index
Разберём как работает z-index и где его можно применять
Маски
Научимся добавлять маски к изображениям внутри стандартных блоков
Тень
Рассмотрим как можно добавлять тень у любых элементов стандартных блоков
Скрытие элементов
Рассмотрим способ и примеры скрытия элементов на странице
Фильтры
Научимся размывать, обесцвечивать изображения в стандартных блоках, делать их более контрастными и т. д.
Курсор
Рассмотрим возможные виды курсоров и научимся добавлять свой кастомный
Мастер-класс #2
В этом мастер классы мы рассмотрели как можно стилизовать карточку товара на отдельной странице, также переделали стандартную корзину
Отображение или обрезка контента
Рассмотрим как можно обрезать контент, который выходит за пределы блока, также научимся делать прокрутку
CSS Flexbox
Разберём конкретные примеры в стандартных блоках при работе с этим свойством
CSS Grid
Разберём конкретные примеры в стандартных блоках при работе с этим свойством
CSS Grid Area
научимся работать с css grid area и делать более гибкие сетки
Обращение к стилям SVG-элементов
Рассмотрим, как перекрашивать и трансформировать стандартные svg-элементы в стандартных блоках
Медиа-запросы
Научимся работать с этими правилами, которые позволяет задавать разные стили для разных разрешений экрана
1920px
Научимся у любого блока настраивать сетку под разрешение 1920 пикселей
Префиксы
Разберём для чего они нужны и почему иногда важно их использовать
Переменные
Научимся добавлять переменные в коде для удобства редактирования стилей
эфир | ответы на вопросы
Описание эфира
<коднутые/>
подробные уроки закрытый чат готовый код прямые эфиры доступ на 1 год личный кабинет