Базовые концепции CSS

На интервью по базовым концепциям CSS проверяют, умеете ли вы отлаживать применение стилей, размеры box и неожиданный порядок слоёв. Эти основы лежат в основе любого layout и архитектурного решения.

Подтемы: разрешение cascade, specificity, inheritance, box model, stacking context и containing block.

На интервью: разберите, почему правило проигрывает, как margin collapse ломает вертикальный поток и почему z-index не работает без поиска stacking context.

Типовые ошибки: эскалация specificity, предположение что всё наследуется, огромные z-index, не выходящие за пределы родительского context.

Чеклист:

• Знайте порядок cascade до попыток override.
• Держите specificity намеренно низкой.
• Box model и overflow — это поведение.
• Отлаживайте z-index через границы context.