Оформление и раскладка — каскад, блочная модель, Flexbox и Grid, адаптивность и способы организации стилей.
CSS отвечает за внешний вид и раскладку. Он кажется простым, пока не приходится понять, почему стиль не применился или элемент уехал, — поэтому в основе лежат механизмы: каскад и специфичность, блочная модель, контексты форматирования, потоки раскладки.
Современный CSS сильно вырос: Flexbox и Grid заменили «хаки» с float, появились переменные, clamp(), контейнерные запросы, :has(), вложенность. Многое, ради чего раньше брали препроцессоры, теперь доступно из коробки.
Почему применился именно этот стиль и как считается размер элемента.
Как расставить элементы на странице — одномерный Flexbox, двумерный Grid и position.
Один интерфейс для телефона, планшета и монитора — viewport, медиа- и контейнерные запросы, гибкие единицы.
Как не утонуть в стилях большого проекта — соглашения об именах, изоляция и утилитарный подход.
transition, keyframes и производительные анимации без рывков.
На живом собеседовании sotto слышит вопрос интервьюера и показывает короткий ответ и план. Оставьте контакт — пришлём доступ и промокод.
sotto