Подготовка к интервью

Вопросы на собеседовании по CSS

227 вопросов по CSS с технических собеседований

227 вопросов 1634 компании 353 технологии

Что проверяют на интервью

Как устроена подборка

На странице собраны вопросы по CSS — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, css, browser.

Каталог

Результаты поиска

Найдено: 227
Теория

Возникали ли слишком длинные и нечитаемые строки классов Tailwind CSS? Выносили ли их в отдельные переменные?

Длинные строки utility-классов можно упорядочивать через переиспользуемые компоненты, варианты оформления и явные условные комбинации.

Читать ответ
Теория

Почему использовать переменные и семантические стили вроде font-heading-h1, а не просто задать стили для тегов h1/h2 в глобальном CSS?

Токены и семантические классы отделяют визуальную роль текста от HTML-уровня заголовка и позволяют централизованно менять дизайн.

Читать ответ
Теория

Если два CSS-класса имеют одинаковую специфичность, но описаны в разных местах CSS-файла, как будут применяться их одинаковые свойства?

При одинаковой специфичности и прочих равных выигрывает правило, расположенное позже в порядке источника. Порядок имён классов в HTML этого не меняет.

Читать ответ
Поведенческий

Была ли проблема с необходимостью запоминать большое количество utility-классов Tailwind CSS и использовалось ли автодополнение?

Расскажите, как быстро ориентировались в utility-классах и помогали ли документация и автодополнение. Знать все классы наизусть обычно не требуется.

Читать ответ
Теория

Допустим, мы видим, что стили долго грузятся каждый раз, когда пользователь заходит на сайт или обновляет страницу. Critical CSS сделать сложно. Что стоит проверить именно по CSS и вообще по любой статике?

Проверьте HTTP-кеширование, хеширование имён, сжатие и повторную загрузку ресурсов в Network. Отсутствие Critical CSS не должно заставлять скачивать неизменную статику каждый раз.

Читать ответ
Теория

Расскажи о специфичности CSS-селекторов: какие приоритеты и перекрытия свойств бывают?

Специфичность сравнивает селекторы по ID, затем классам/атрибутам/псевдоклассам и затем тегам/псевдоэлементам. Но сначала учитывается более широкий каскад.

Читать ответ