- Что такое специфичность CSS-селекторов и как она работает?
- В чем разница между «сбросом» и «нормализацией» CSS? Что бы вы выбрали и почему?
- Объясните, что такое плавающие элементы (floats) и как они работают.
- Объясните, что такое z-index и как формируется контекст наложения.
- Объясните, что такое блочный контекст форматирования и как он работает.
- Какие вы знаете методы запрета обтекания (clearing) и в каких случаях они применяются?
- Как вы решаете стилевые проблемы, связанные с особенностями браузеров?
- Как вы обеспечиваете отображение страниц в браузерах с ограниченными возможностями? Какие приёмы/процессы вы при этом используете?
- Какими способами можно визуально скрыть элемент (оставив его доступным только для скринридера)?
- Использовали ли вы систему сеток, и если да, то какую вы предпочитаете?
- Приходилось ли вам использовать или реализовывать медиазапросы или вёрстку под мобильные устройства?
- Вы знакомы со стилизацией SVG?
- Можете ли вы привести пример свойства
@media, отличного от screen? - На что нужно обратить внимание при написании эффективного CSS?
- Какие преимущества/недостатки в использовании CSS препроцессоров? Опишите, что вам нравится и не нравится в CSS препроцессорах, которыми вы пользовались.
- Как вы реализуете макет, который использует нестандартные шрифты?
- Объясните, как браузер определяет, на какие элементы накладывать CSS стили?
- Объясните, что такое псевдоэлементы и для чего они нужны.
- Объясните своими словами, что такое блочная модель.
- Что делает
* { box-sizing: border-box; }? В чем его преимущества? - Что означает свойство display и можете ли вы привести несколько примеров его использования?
- В чем разница между строчным и блочно-строчным элементом?
- В чем разница между относительным, фиксированным, абсолютным и статически позиционированным элементом?
- Какими CSS-фреймворками вы пользовались? Что бы вы хотели в них изменить/улучшить?
- Пользовались ли вы Flexbox или Grid?
- Можете ли вы объяснить разницу между отзывчивым (responsive) сайтом и сайтом, сделанным по принципу mobile-first»
- Вы имеете опыт работы с ретиновой графикой? Если да, то какие методы вы использовали?
- В каком случае вы предпочтёте использовать
translate()вместо абсолютного позиционирования и наоборот? И почему»