КатегорияБоксы, поток и размерыНавык
Box model, edges и схлопывание margins
БазовыйЭкспертный
Уровни навыка
Базовый уровень
Строит геометрию обычного CSS box, различает `content-box` и `border-box`, корректно применяет margins/padding и прогнозирует схлопывание margins соседних block boxes.
- Areas и edges CSS boxСтартовать здесьВаш прогрессВойти
Как читать?
Существующие уровни сложностиТребуемые уровни сложности
Продвинутый уровень
Точно вычисляет границы content/padding/border/margin boxes, преобразует размеры между моделями `box-sizing`, разрешает проценты margins/padding в обеих осях и диагностирует parent/child, empty-block и mixed-sign margin collapsing.
Экспертный уровень
Воспроизводит полный нормативный алгоритм margin collapsing, включая транзитивные collapse sets, collapse-through, clearance, `height`/`min-height` special cases и resulting border-edge position, сохраняя точную модель геометрии box.