Разметка CSS

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

1. Ширина веб-страницы
2. Блочная верстка
3. Создание разметки: основные правила
4. Разметка с помощью float
   1. Проблемы float и их решения
5. Верстка адаптивных веб-страниц
   1. Медиа-запросы CSS
   2. Гибкие сетки в CSS
   3. Адаптивные изображения и видео
6. Знакомство с Flexbox
   1. CSS-свойства для flex-контейнера
   2. CSS-свойства для flex-элементов
7. Позиционирование CSS. Свойство position
   1. Свойства top, left, bottom, right
   2. Z-index: наслаивание элементов
   3. Скрытие элементов средствами CSS
8. Кратко о CSS Grid Layout
   1. CSS-свойства для grid-контейнера
   2. CSS-свойства для grid-элементов