Перейти к:

CSS способ разметки (или раскладки, или англ. layout) — это алгоритм определения позиции и размеров блоков, основанный на способе, которым они взаимодействуют с родственными блоками. Существует несколько типов разметки:

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

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

Смотрите также

Метки документа и участники

Метки: 
Внесли вклад в эту страницу: idoru, BychekRU, ldone
Обновлялась последний раз: idoru,