Основы CSS

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

Модуль "Основы CSS" включает в себя уроки по ключевым концепциям, таким как работа с классами, использование селекторов для точного выбора элементов, принципы каскадности и приоритетности стилей и освоение базовых стилей для создания структурированного и эстетичного дизайна веб-страниц

Модуль "Селекторы" включает в себя уроки по основам селекторов в CSS, подробное изучение селекторов потомков, дочерних элементов, элементов одного уровня, а также селекторов атрибутов, предоставляя инструменты для точного выбора и стилизации элементов на веб-странице

В этом модуле мы изучим псевдоклассы в CSS, включая их применение к дочерним элементам и формам. Также рассмотрим псевдоэлементы

В этом модуле мы изучим стилизацию текста в CSS: цвета, выравнивание, размеры шрифта, насыщенность, курсы, капитель, горизонтальную черту, межстрочный интервал и многое другое. Завершим раздел обобщением правил для шрифтов и типографии

В этом модуле мы изучим блочные элементы в CSS, включая рамки, фон, внутренние и внешние отступы, а также высоту и ширину. Разберем блочную модель, добавление теней и закончим выводами

В этом модуле мы изучим гибкие блочные элементы с помощью Flex в CSS. Рассмотрим, что такое контейнер Flex, управление направлением и выравниванием элементов, а также гибкий размер

В этом модуле мы освоим Grid Layout в CSS: базовые понятия, размеры, отступы, позиционирование, направление, и макет страницы. Рассмотрим ключевые элементы, включая именованные grid-линии и области грида

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

В этом модуле мы изучим адаптивный дизайн с помощью CSS и медиазапросов. Начнем с введения и освоим метатег Viewport. Разберем ориентацию экрана, разрешение, логические операторы и подключение CSS через медиазапросы. Посмотрим на адаптацию к разным устройствам и лучшие практики

В этом модуле мы изучим создание тем в CSS, начиная с введения. Разберем стилизацию с использованием переменных и создание тем с их помощью. Особое внимание уделим использованию стилей CSS как хранилища данных

В этом модуле мы изучим единицы измерения в CSS. Рассмотрим пиксели (px), единицы относительно шрифта (em), проценты (%), единицу rem, а также относительные к экрану единицы (vw, vh, vmin, vmax).

В этом модуле мы поговорим о CSS фреймворках. Узнаем, что такое CSS фреймворки, и рассмотрим некоторые из лучших фреймворков

В этом модуле мы изучим основы CSS препроцессоров. Рассмотрим, что такое CSS препроцессоры и ознакомимся с некоторыми из них: SASS/SCSS, LESS, Stylus, и PostCss

В заключительном модуле мы воплотим наши знания, создав простой сайт с использованием всех концепций, изученных в предыдущих модулях. После этого мы подведем итоги, обобщим наши достижения и обсудим дальнейшие шаги в плане развития