Урок 15. Справочник: Блочная модель: content, padding, border, margin

📁 Раздел: Блочная модель и позиционирование ⏱️ Время изучения: ~45 мин 🎯 Сложность: Начальная

Смотрите не только на запись свойства, но и на то, как оно влияет на поток и размер элемента.

Ключевые конструкции

Конструкция	Назначение
`width / height`	Размер области content при стандартной модели.
`padding`	Внутренний отступ.
`border`	Рамка вокруг padding.
`margin`	Внешний отступ.
`margin: 0 auto`	Горизонтальное центрирование блока с заданной шириной.
`box model в DevTools`	Визуальная схема размеров, отступов и рамок.