Подготовка к интервью
227 вопросов по CSS с технических собеседований
Что проверяют на интервью
На странице собраны вопросы по CSS — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, css, browser.
Каталог
border занимает место в блочной модели элемента и влияет на его размеры. outline рисуется поверх элемента, не занимая места и не влияя на его размеры.
Читать ответСелектор атрибутов в CSS позволяет выбирать элементы HTML на основе наличия или значения определённого атрибута.
Читать ответВ CSS появилась очень интересная возможность — контейнерные запросы (Container Queries).
Читать ответЧтобы изменить стили для элемента span в CSS, нужно написать селектор по тегу span и задать нужные свойства. Например:
Читать ответreset.css и normalize.css — это два подхода к унификации стилей браузеров, но с разными целями:
Читать ответВ CSS приоритеты стилей определяются с помощью механизма каскада и специфичности селекторов. Основные принципы:
Читать ответПравильная последовательность команд для временного сохранения и восстановления изменений с учётом неиндексированных и проиндексированных файлов:
Читать ответКаскадные таблицы стилей (CSS) — это язык описания внешнего вида HTML-элементов. В моём опыте работы с CSS я использовал их для:
Читать ответПреимущества CSS Grid и Flexbox CSS Grid — мощный двухмерный инструмент для построения интерфейсов Позволяет одновременно управлять строками и колонками Оптимален для сложных макетов с фиксированной или адаптивной сеткой
Читать ответПочему Next.js выбирают вместо обычного React Фреймворк на основе React, дополненный готовыми инструментами Поддержка SSR (Server-Side Rendering) и SSG (Static Site Generation) для ускорения загрузки и улучшения SEO…
Читать ответControlled и uncontrolled компоненты Управление состоянием: в controlled-компонентах React хранит его через props и setState, а в uncontrolled-компонентах состояние остаётся внутри DOM Источник данных:…
Читать ответCSS-способы скрытия элементов и их последствия opacity: элемент становится визуально невидимым, но сохраняет место в потоке и может получать события (при прозрачности) visibility: hidden: элемент не виден и недоступен…
Читать ответ