🎨

Модуль 2.2: CSS Основы

Что такое CSS

Узнаём, как CSS превращает скучный HTML в красивый сайт — от первого правила до подключения стилей

Учимся точно выбирать нужные элементы: классы, ID, комбинаторы — и мощные новые :is(), :where(), :has()

Hex, rgb(), hsl(), oklch — разбираемся со всеми форматами цветов и делаем красивые фоны с градиентами

Google Fonts, font-size, line-height — делаем текст красивым и читаемым на любом устройстве

Margin, padding, border, box-sizing — главный секрет того, почему элементы занимают именно столько места

block, inline, inline-block, flex, grid — разбираемся, как элементы ведут себя среди соседей

Разбираемся, почему один стиль перебивает другой — и как @layer (Cascade Layers) помогает держать CSS под контролем

px, em, rem, %, vw, vh, clamp() — выбираем правильные единицы для адаптивного и доступного кода

:hover, :focus, :nth-child(), ::before, ::after — стилизуем элементы без лишних классов в HTML

var(), :root, пространства имён — создаём дизайн-систему с CSS-переменными и темой оформления