курс

CSS: Адаптивность

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

Чему вы научитесь:

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

CSS3 Flex Viewport Адаптивность Гибкие макеты Media Queries

Последнее обновление: 01 июля 2021

Уроки курса

1

Введение

Узнать о курсе, посвящённом адаптивной вёрстке

теория
2

Проверка адаптивности сайта

Узнать о том, как проверить ваш сайт на различных устройствах.

теория
3

Viewport

Узнать о мета-теге viewport и как он помогает в адаптивности.

теория

тесты
4

Гибкие элементы

Познакомится с вёрсткой с использованием процентов.

теория

тесты

упражнение
5

Flex

Узнать о возможностях Flex при создании адаптивных макетов.

теория

тесты

упражнение
6

Медиазапросы

Познакомиться с одним из самых мощных инструментов для создания адаптивных сайтов — Media Queries

теория

тесты

упражнение
7

Медиазапросы и другие устройства

Узнать о том, для каких устройств возможно применять свои стили.

теория

тесты

Испытания

Это практические задания, которые мы советуем выполнить после завершения курса. Задания помогут вам получить дополнительный опыт в программировании и закрепить полученные навыки.