Подготовка к интервью
227 вопросов по CSS с технических собеседований
Что проверяют на интервью
На странице собраны вопросы по CSS — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, css, browser.
Каталог
При равных условиях каскада разместите нужное правило позже либо используйте более специфичный селектор; порядок классов в HTML не решает конфликт.
Читать ответВ первом примере цвет зависит от HTML: внутри #card — красный, иначе внутри .card — синий, иначе зелёный. Во втором примере побеждает последний зелёный.
Читать ответCSS Modules дают локальные имена классов и привычный CSS; CSS-in-JS теснее связывает стили с логикой и темами, но компромиссы зависят от реализации.
Читать ответСпецифичность определяет приоритет селектора внутри сопоставимых правил каскада: ID сильнее классов, атрибутов и псевдоклассов, а те — тегов и псевдоэлементов.
Читать ответFloat выводит плавающий элемент из обычного потока с обтеканием, а display: none исключает его box из раскладки. Transform и visibility: hidden место обычно сохраняют.
Читать ответУкажите третью колонку и третью строку через grid-column: 3 и grid-row: 3, а для самого угла ячейки добавьте justify-self и align-self: end.
Читать ответДа, CSS custom properties участвуют в каскаде и обычно наследуются: значение можно задать на :root и переопределить на отдельном поддереве.
Читать ответНазовите реальные источники знаний о CSS и пример возможности, которую вы проверили и применили либо обоснованно отложили.
Читать ответРазделите технологии по глубине опыта: production, самостоятельные проекты, учебная практика и только знакомство.
Читать ответПо умолчанию position: static; другие основные значения — relative, absolute, fixed и sticky.
Читать ответFlexbox подходит для выравнивания вдоль одной оси, Grid — для структуры с согласованными строками и колонками.
Читать ответwill-change предупреждает браузер о вероятном изменении свойства и позволяет заранее подготовить оптимизации.
Читать ответ