Мой Справочник | CSS | Блочные элементы

Мой Справочник | CSS | Блочные элементы

HTML:


				<div class="display">

				    <div class="box"></div>

				    <div class="box"></div>

				</div>

CSS:


		.box {

		    display: block;/*по ум.*/

		    background-color: maroon;

		    border: 1px solid orange;

		    color: white;

		    margin-bottom: 5px;

		    height: 50px;

		    margin-right: 10px;

		}

BOX

BOX

До и после блочного элемента существует перенос строки;
Блочным элементам можно задавать ширину, высоту, внутренние и внешние отступы;
Занимают всю доступную ширину по умолчанию.

Блочные элементы применяют:

Создание сеток страницы
Контейнеры для всего