CSS с нуля: селекторы, Flexbox, Grid и адаптив

Курс CSS для вёрстки: каскад, селекторы, раскладки Flex/Grid и адаптивные страницы под мобильные.

Уровень: beginner · Уроков: 14

CSS отвечает за внешний вид и раскладку. После HTML вы перестаёте «ставить блоки друг под другом по умолчанию» и начинаете управлять сеткой, отступами и поведением на разных экранах. Курс построен вокруг рабочих паттернов 2026 года: Flex для рядов, Grid для двумерных сеток, media queries для адаптива.

Кому подойдёт курс

Тем, кто уже понимает базовые HTML-теги и хочет красивую, устойчивую вёрстку.

Дизайнерам, которым нужно воплощать макеты без «магии конструктора».

Фронтенд-новичкам перед JavaScript и UI-фреймворками.

Модули курса

Уроки доступны целиком — закрепляйте каждый блок мини-заданием.

CSS с нуля — подключение, каскад, box model
Селекторы — классы, потомки, псевдоклассы
Flexbox — ряды, выравнивание, gap
Grid — колонки, области, шаблоны
Адаптивная вёрстка — breakpoints и мобильный первый экран

Как учиться

Держите одну учебную страницу и переписывайте раскладку по мере уроков: сначала блочный поток, потом Flex, потом Grid. Сравнивайте результат в DevTools.

Не начинайте с тяжёлых препроцессоров: сначала чистый CSS. После курса логично идти в JS или сразу собрать мини-лендинг.

Связанные курсы

Что читать дальше

Начать обучение