Продвинутый

CSS · Уверенный уровень - продвинутые паттерны и производительность

• CSS-переменные и функции calc/clampОсвой пользовательские свойства, то, как они разрешаются во время выполнения внутри каскада, и функции calc() и clamp() для плавных, адаптивных интерфейсов.
• Переходы и анимации: @keyframes, transform, таймингАнимируй на композиторе через transform и opacity, выстраивай свои @keyframes и уважай предпочтения пользователей по движению.
• Современные селекторы: :has, :is, :where, продвинутый :nth-childИспользуй недавние функциональные псевдоклассы, чтобы выбирать по содержимому, группировать селекторы без раздувания специфичности и попадать в сложные шаблоны.
• Архитектура CSS: BEM, utility-first, организация файловСравни BEM и подход utility-first, их реальные компромиссы в команде, и выстрой свои файлы через слои каскада.
• Контейнерные запросы и нативная вложенность CSSСделай компоненты отзывчивыми к своему контейнеру, а не к вьюпорту, и структурируй таблицы стилей нативной вложенностью.