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

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

⚡ Кратко

Решение считается понятным, если вы можете объяснить причину каждого свойства.

Проверочные ответы

  1. Если блок стал шире ожидаемого, проверьте padding и border.
  2. Для внешнего расстояния между блоками используйте margin, для воздуха внутри блока - padding.
  3. Вертикальные margin соседних обычных блоков могут схлопываться.
  4. DevTools должен стать обязательной частью проверки размеров.