Формирование блочной модели (верстка слоями)
Для верстки таким способом существуют 2 основных тега, которые используются в CSS: · <div> </div> - блочный тег, формирует слой на веб-странице. · <span> </span> - строчный тег. Тег div занимает всю ширину окна браузера, либо еще вручную задавать. Тег span занимает место равное его содержимому.
Свойство Display Значения свойства display: · none (скрыть элемент); · block (сделать элемент блочным); · inline (сделать элемент строчным); · inline-block (формирует блочный элемент, который обтекается остальными элементами). Например, сделать вот так:
· table-cell (крайне редко применяется. Указывает, что элемент представляет собой ячейку таблицы (тег <td>)). В CSS есть возможность с помощью этого свойства сделать строчный тег блочным и наоборот.
Результат:
|
