В этом модуле мы разберём чем вам может быть полезно применение 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 год личный кабинет