[$ sudo teach IT] Изучаем CSS [Руслан Брантов]

В рамках этого курса ученики изучат основные концепции и техники CSS, необходимые для создания привлекательных и функциональных веб-страниц.
Обновлен 01.10.2025

Курс по CSS - это подробное введение в язык стилей для веб-разработки. В рамках этого курса ученики изучат основные концепции и техники CSS, необходимые для создания привлекательных и функциональных веб-страниц.
Курс начинается с освоения базовых правил и синтаксиса CSS, а также особенностей каскадности и специфичности правил. Ученики узнают, как применять стили к элементам HTML и создавать различные эффекты, такие как изменение цвета, размера и формы элементов, использование фоновых изображений и текстур, а также создание теней и градиентов.
Далее, курс переходит к адаптивному дизайну, где ученики изучат принципы создания веб-страниц, которые хорошо работают на различных устройствах и экранах. Ученики познакомятся с техниками медиазапросов CSS, которые позволяют создавать адаптивные макеты и медиазапросы, а также с подходами к адаптивному типографии и изображениям.

Курс также рассматривает различные техники позиционирования элементов, включая относительное, абсолютное и фиксированное позиционирование, а также использование flexbox и grid для создания гибких и сеточных макетов.
В завершение курса ученики изучат продвинутые темы, такие как анимация и переходы, оптимизация и производительность CSS-кода, применение препроцессоров CSS и других инструментов разработки.
В результате прохождения этого курса ученики приобретут глубокое понимание CSS и смогут создавать красивые, адаптивные и профессиональные веб-страницы с использованием различных техник и подходов CSS.

Для кого этот курс
Курс по CSS полезен для всех, кто хочет научиться создавать качественные и профессиональные веб-страницы с помощью CSS. Независимо от вашего уровня опыта или профессиональных целей, знание CSS будет полезным дополнением к вашему арсеналу навыков веб-разработки.

Программа курса
3 разделов • 44 уроков

1. Базовая теория
1.1. Что такое CSS?
1.2. Кэш-память браузера
1.3. Цветовая модель RGB
1.4. Как добавить CSS на сайт и выбрать цвет
1.5. Виды селекторов
1.6. Наследование и шрифты
1.7. Каскадность
1.8. Единицы измерения
1.9. Работа с текстом. Часть 1
1.10. Работа с текстом. Часть 2
1.11. Блочная модель
1.12. Свойство overflow и схлопывание полей

2. Теория и практика
2.1. Настройка фона
2.2. Создаем меню. Часть 1
2.3. Создаем меню. Часть 2. Свойство margin
2.4. Создаем меню. Часть 3. Свойство float
2.5. Создаем меню. Часть 4. Псевдоклассы
2.6. Раздел main. Часть 1. Свойства text-shadow и box-shadow
2.7. Раздел main. Часть 2. Свойства filter и transition
2.8. Раздел main. Часть 3. Свойство border и переменные
2.9. Раздел main. Часть 4. Свойство border-image
2.10. Трейлер игры. Значения initial и inherit
2.11. Системные требования и рецензии на сайте. Flexbox
2.12. Настраиваем таблицу и рецензии
2.13. Селектор атрибутов. Настраиваем подвал сайта
2.14. Свойства animation и perspective
2.15. Анимация. Практика
2.16. Свойство position
2.17. CSS-сетка. Часть 1
2.18. CSS-сетка. Часть 2
2.19. CSS-сетка. Часть 3
2.20. Медиа-запросы. Теория
2.21. Медиа-запросы. Практика
2.22. Бургер-меню. Теория и практика. Комбинаторы
2.23. Псевдоэлементы