Что такое нормальный поток в веб-дизайне?

Нормальный поток – это способ отображения элементов на веб-странице в большинстве случаев. Все элементы в HTML находятся внутри блоков, которые являются встроенными или блочными блоками.

Выкладывание блоков

В обычном режиме блок-боксы располагаются на странице один за другим (в том порядке, в каком они написаны в HTML). Они начинаются в верхнем левом углу контейнера и складываются сверху вниз. Расстояние между каждым полем определяется полями, верхние и нижние поля сворачиваются друг в друга.

Например, у вас может быть следующий HTML:

 Это первый div. Его ширина составляет 200 пикселей с полем в 5 пикселей вокруг него. 

Это более широкий div.
Это div, который немного шире второго.

каждый

 DIV 

является элементом блока, поэтому он будет размещен ниже предыдущего элемента блока. Каждый левый внешний край будет касаться левого края содержащего блока.

Выкладывание встроенных коробок

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

Например, в следующем HTML:

 Этот текст  полужирный , текст  курсив . И это простой текст. 

Абзац является блочным элементом, но есть 5 встроенных элементов:

  • «Этот текст»
  • “смелый”
  • “и этот текст”
  • “курсив”
  • «И это обычный текст».

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

Оцените статью
Solutics.ru
Добавить комментарий