Складчина: База ответов на вопросы по CSS в Оbsidian для успешного прохождения собеседования
Огромная база знаний ответов на вопросы по CSS в виде заметок в Obsidian.Что внутри базы заметок Obsidian:
Все ключевые темы, которые реально спрашивают на собеседованиях:
Каскадность, наследование и специфичность
Блочная модель (Box Model)
Типы позиционирования и порядок наложения (position, z-index, stacking order)
Методологии и масштабируемость CSS-кода
Псевдоклассы и псевдоэлементы
Анимации и плавные переходы
Методологии и масштабируемость CSS-кода
И десятки других тем, которые постоянно спрашивают на собеседованиях.
Каждый вопрос снабжён понятным объяснением и примерами, которую можно запомнить не зазубриванием, а пониманием.
Спойлер: Полный список вопросов
- Что такое CSS? И для чего он используется?
- Что такое CSS-правило?
- Варианты добавление CSS стилей на страницу?
- Типы позиционирования в CSS?
- Блочная модель CSS?
- Что такое селектор? И какие селекторы существуют?
- Что такое специфичность селектора? Как считать вес селектора?
- Разница между Reset.css и Normalize.css?
- Разница между margin и padding?
- Разница между display: none и visibility: hidden?
- Разница между блочным и строчным (инлайновым) элементами?
- Разница между классом и идентификатором в CSS?
- Что такое CSS спрайт? И для чего он используется?
- Что такое вендорные префиксы? И для чего они используются?
- Что такое псевдоэлементы? И для чего они используются?
- Что такое схлопывание границ (margin collapsing)?
- Что такое CSS препроцессор?
- Что такое z-index? Как формируется контекст наложения?
- Порядок наложения элементов в CSS (Stacking Order)?
- Как с помощью CSS определить, поддерживается ли свойство в браузере?
- Как поддерживать страницы в браузерах с ограниченными функциями?
- Как исправлять специфичные проблемы со стилями для разных браузеров?
- Глобальные ключевые слова в CSS?
- Что такое CSS-атрибут (attr)?
- Что такое перечисление селекторов?
- Для чего используется ключевое слово currentColor в CSS?
- Какие псевдоклассы были добавлены в CSS3?
- Какие фильтры есть в CSS?
- Для чего используется псевдокласс :invalid?
- Расскажите про свойство display в CSS?
- В каком случае лучше использовать translate() вместо абсолютного позиционирования?
- Что такое плавающие элементы (floats)? Как они работают?
- Расскажите о свойстве text-rendering?
- Расскажите о свойстве text-decoration-skip-ink?
- Расскажите о свойстве pointer-events?
- Расскажите о свойстве outline?
- Расскажите о свойстве scrollbar-gutter?
- Почему не стоит использовать краткую запись свойств CSS?
- Назовите псевдоэлементы для подсветки текста?
- Способы задания цвета в CSS?
- Какие CSS-свойства используются для создания анимаций и плавных переходов?
- Принципы и подходы для обеспечения масштабируемости и поддерживаемости CSS-кода?
- Плюсы и минусы методологии БЭМ?
- Какие CSS-препроцессоры вы знаете? Преимущества их использования?
- Какое CSS-свойство используется для изменения порядка отображения элементов на веб-странице без изменения их физического расположения в HTML-коде?
- Разница между псевдоклассами и псевдоэлементами?
- Как создавать и поддерживать единый стиль CSS на больших проектах?
- Что такое "контейнерные запросы" (container queries)? Как они отличаются от медиазапросов (media queries)?
- Расскажите о псевдоклассе :has()?
- Расскажите о медиафункции prefers-reduced-motion?
- Что такое и как работает CSS Flexbox?
- Расскажите о свойстве flex в контексте Flexbox?
- Что такое BEM и как это помогает в CSS?
- Особенности, или плюсы Flexbox?
- Проблемы использования CSS-in-JS? Как их решить?
- Расскажите о свойстве will-change?
- Как работают каскадность и наследование в CSS?
- Как работают transition и animation, и в чем их отличия?
- Разница между Flexbox и CSS Grid?
- Как можно реализовать адаптивный дизайн без медиа-запросов?
Всё собрано в лучшем и удобном менеджере заметок Obsidian
Не просто список — а живая система заметок, где всё взаимосвязано.
Ты можешь переходить от темы к теме, искать по ключевым словам, быстро повторять перед собесом и собирать собственную базу знаний.
Примеры кода, краткие конспекты, связи между идеями — всё под рукой.
Кому подойдёт
– Тем, кто готовится к первому собеседованию по CSS.
– Тем, кто хочет систематизировать знания перед переходом с Junior на Middle.
– Тем, кто просто устал от разрозненных статей, видео и хаоса закладок.
Что ты получишь
Уверенность на собеседовании — без паники и догадок. Понимание, а не зубрёжку. Удобную базу в Obsidian, которую можно дополнять и развивать. Систему, которая делает из знаний — мышление разработчика.Бонус за одну рекламу и подпись для новых участников:
Инструкция, в которой я подробно со скринами объясняю как настроить синхронизацию базы заметок в Obisidian между ноутбуком и смартфоном.
Тем кто участвовал в складчине по JavaScript и HTML и делал в ней рекламу - делать в этой необязательно.
Дополнительно предоставляю информацию о всех плагины, которые установлены у меня для комфортного изучения материала.