Image Image Image Image Image Image Image Image Image Image

Блог Indigo | 19.03.2024

Наверх

Наверх

Разметка 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-элементов
Вернуться к полному содержанию