Подготовка к интервью
227 вопросов по CSS с технических собеседований
Что проверяют на интервью
На странице собраны вопросы по CSS — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, css, browser.
Каталог
Да, у меня есть опыт работы с CSS-in-JS и styled-components. Это подходы, при которых стили пишутся непосредственно в JavaScript-коде, что позволяет создавать компоненты с инкапсулированными стилями.
Читать ответФундаментальная причина, почему dropdown с максимальным z-index может оказаться под другим элементом — это контекст наложения (stacking context) в CSS.
Читать ответИспользовал несколько подходов, в зависимости от масштаба проекта и требований:
Читать ответВ CSS единицы измерения rem, em, vw и vh используются для задания размеров, но отличаются по контексту:
Читать ответСобственные свойства (Custom Properties), или CSS-переменные, позволяют определять многократно используемые значения (цвета, размеры, шрифты) в CSS.
Читать ответБлочная модель CSS описывает, как элементы отображаются на странице как прямоугольные блоки. Она состоит из четырех зон, или слоев, которые накладываются друг на друга, начиная с содержимого:
Читать ответНапример, если у нас есть три блока с классами .red, .blue, .grey внутри контейнера .container, и нужно расположить их в определённом порядке или сетке, можно сделать так:
Читать ответtext-transform
Читать ответЧтобы сделать количество колонок в CSS Grid динамическим при фиксированной ширине колонок, можно использовать функцию repeat с ключевым словом auto-fit или auto-fill и фиксированной шириной колонок через minmax.
Читать ответvisibility: hidden;
Читать ответМожно использовать JavaScript для отслеживания позиции элемента и прокрутки страницы.
Читать ответТег strong используется для логического выделения важного текста.
Читать ответ