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

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

⚡ Кратко

Выполните задания в браузере и проверяйте каждый шаг через DevTools.

Практические задания

  1. Создайте карточку с width, padding, border и margin.
  2. Откройте DevTools и найдите все части box model.
  3. Проверьте, как padding меняет фактическую ширину блока.
  4. Смоделируйте схлопывание margin у двух соседних блоков.
  5. Используйте margin: 0 auto для центрирования контейнера.