Чему вы научитесь
- Подключать CSS к HTML и самостоятельно писать правила оформления.
- Выбирать элементы с помощью селекторов и понимать каскад, наследование и специфичность.
- Рассчитывать размеры элементов с учётом отступов, границ и box-sizing.
- Оформлять текст, изображения, фоны, границы и тени.
- Управлять потоком документа, позиционированием и наложением элементов.
- Создавать меню, панели и карточки с помощью Flexbox.
- Строить галереи, каталоги и макеты страниц с помощью CSS Grid.
- Оформлять формы и состояния элементов при наведении, фокусе и взаимодействии.
- Использовать CSS-переменные, функции, переходы и анимации.
- Адаптировать страницы к разной ширине экрана.
- Находить ошибки и конфликтующие стили с помощью инструментов разработчика.
- Организовывать CSS и собирать из отдельных компонентов целостную страницу.
О курсе
Для кого этот курс
Начальные требования
Предварительные знания CSS и JavaScript не требуются. Необходимый минимум HTML объясняется на примерах; знакомство с основными тегами будет преимуществом.
Для обучения понадобятся компьютер, подключение к интернету и современный браузер. Задания HTML/CSS выполняются в веб-версии Stepik.
Для самостоятельных экспериментов с файлами потребуется редактор кода, например Visual Studio Code.
Будьте готовы самостоятельно писать CSS, проверять результат и возвращаться к заданиям после ошибок: это основная часть обучения.
Преподаватели курса
171
Как проходит обучение
Обучение строится по схеме: объяснение → пример → тест → самостоятельная практика.
В теоретических шагах вы знакомитесь с новым свойством или механизмом CSS и разбираете примеры его применения. Затем отвечаете на вопросы: выбираете подходящее решение, рассчитываете размеры или определяете причину ошибки. К вариантам ответов предусмотрены объяснения.
В практических заданиях вы работаете с готовой HTML-разметкой и пишете CSS. Можно посмотреть результат, отправить решение на автоматическую проверку и исправить невыполненные требования. В заданиях предусмотрены подсказки.
Постепенно отдельные приёмы объединяются в компоненты и страницы. Дополнительные эксперименты с шириной окна, длинным текстом и количеством элементов помогают проверить, насколько устойчиво работает решение.
Проходите материал в удобном темпе. Для регулярной практики рекомендуем выделять 4–6 часов в неделю.
Что вы получите
- Последовательную программу изучения CSS от основ до адаптивной вёрстки.
- Подробные объяснения с примерами кода.
- Тесты с обратной связью по вариантам ответов.
- Практические задания HTML/CSS с автоматической проверкой.
- Опыт поиска и исправления распространённых ошибок вёрстки.
- Учебные компоненты и страницы, которые можно дорабатывать самостоятельно.
- Основу для собственных веб-проектов и дальнейшего изучения frontend-разработки.