Spec-Zone.ru › CSS

Режим макета

A CSS режим макета, иногда называемый макетом, — это алгоритм, который определяет положение и размер блоков на основе того, как они взаимодействуют со своими соседними и родительскими блоками. Их несколько:

  • Нормальный поток — все элементы являются частью нормального потока, пока вы не сделаете что-то, чтобы вывести их из него. Нормальный поток включает блочный макет, предназначенный для вывода таких блоков, как абзацы, и инлайновый макет, который выводит инлайновые элементы, такие как текст.
  • Макет таблицы, предназначенный для вывода таблиц.
  • Макет с плавающими элементами, предназначенный для того, чтобы элемент располагался слева или справа, а остальной контент в нормальном потоке обходил его.
  • Макет с позиционированием, предназначенный для позиционирования элементов без особого взаимодействия с другими элементами.
  • Макет многоколоночной компоновки, предназначенный для вывода содержимого в виде колонок, как в газете.
  • Макет гибкой компоновки, предназначенный для вывода сложных страниц, которые можно плавно изменять размер.
  • Макет сетки, предназначенный для вывода элементов относительно фиксированной сетки.

Примечание: Не все CSS-свойства применяются ко всем режимам макета. Большинство из них применяются к одному или двум режимам и не имеют эффекта, если они заданы для элемента, участвующего в другом режиме макета.

См. также

  • Ключевые понятия CSS:
    • Синтаксис CSS
    • Правила CSS @
    • Комментарии
    • Уровень специфичности
    • Наследование
    • Модель блока
    • Визуальные модели форматирования
    • Слияние отступов
    • Значения
      • Начальные значения
      • Вычисленные значения
      • Используемые значения
      • Фактические значения
    • Синтаксис определения значения
    • Сокращенные свойства
    • Элементы-заменители

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_mode

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API