CSS

Каскад, блочная модель, flexbox, grid, позиционирование, адаптивность, анимации и современный CSS.

1. 1Каскад, специфичность, наследованиеЧто такое CSS, как решается, какое правило побеждает, и что наследуется.
2. 2Блочная модель и displayContent, padding, border, margin, box-sizing и типы display.
3. 3FlexboxРаскладка по одной оси: justify, align, gap, flex: 1 и рецепты на каждый день.
4. 4CSS GridДвумерная раскладка: fr, repeat, minmax, auto-fit и области.
5. 5Позиционирование и z-indexstatic, relative, absolute, fixed, sticky и контекст наложения.
6. 6Адаптивность: единицы, queries, переменныеrem или px, mobile-first, container queries, clamp() и custom properties.
7. 7Переходы и анимацииtransition или @keyframes, easing, что дёшево анимировать, prefers-reduced-motion.
8. 8Современный CSSНативная вложенность, :has(), :is/:where, логические свойства, @layer.