Стандартная блочная модель [7/23]

Стандартная блочная модель отвечает на основной вопрос:

Сколько же в итоге места будет занимать элемент?

Ответ следующий:

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

Для строчных элементов есть свои особенности, которые мы опишем позже.

Схема блочной модели:

• ширина/высота содержания — свойства width и height (синий прямоугольник на схеме);
• внутренние отступы — свойство padding;
• рамки — свойство border;
• внешние отступы — свойство margin.