Перейти к основному содержимому

Тренажер по CSS


SkillFactory
Enrollment in this course is by invitation only

О тренажере CSS

Тренажер является частью специализации «Frontend-разработчик». Здесь вы найдете дополнительные задания для закрепления основных навыков, необходимых для стилизации веб-страниц.

Благодаря данному тренажеру вы попрактикуетесь преобразовывать внешний вид страницы и делать ее более структурированной и визуально привлекательной. Для выполнения упражнений необходимо обязательно изучить теорию по данной теме в модулях А2 и А3. В конце разделов модуля вы сможете напрямую перейти в соответствующие разделы тренажера.

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

Содержание тренажера

    Тренажер состоит из нескольких модулей:
  • Подключение стилей
  • Поток документа
  • Цвета
  • Размеры
  • Границы. Внутренние и внешние отступы
  • Слои. Позиционирование. Z-index
  • Flexbox
  • Свойство display
  • Медиазапросы