Способ разметки
CSS способ разметки (или раскладки, или англ. layout) — это алгоритм определения позиции и размеров блоков, основанный на способе, которым они взаимодействуют с родственными блоками. Существует несколько типов разметки:
- Обычная (Normal Flow) — все элементы являются частью обычного потока до тех пор, пока вы не переопределите это каким-либо образом. Обычный layout включает в себя блочную раскладку, созданную для расположения отдельных блоков, таких как параграфы, и линейную, — для строчных элементов;
- Табличная, спроектированная для расположения таблиц;
- Float layout — для возможности обозначить элементы плавающими. Такой элемент начинает позиционироваться слева или справа относительно содержимого обычного потока, элементы которого начинают обтекать него;
- _Позиционированная _— для позиционирования элементов без особого взаимодействия с другими элементами;
- Множественные столбцы — для расположения контента колонками, как в газетах;
- Флексбокс (CSS Flexible Box Layout) — для расположения сложных страниц, которые плавно могут изменять свой размер; Экспериментальная возможность
- Сеточная — для расположения элементов относительно фиксированной сетки. Экспериментальная возможность
Примечание: Не все CSS-свойства применимы ко всем способам разметки. Большинство из них применяются к одному или двум из них и не действуют, если применяются на элементе, участвующем в другом режиме разметки.
Смотрите также
- Ключевые концепции CSS