База ответов на вопросы по 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 и делал в ней рекламу - делать в этой необязательно. Дополнительно предоставляю информацию о всех плагины, которые установлены у меня для комфортного изучения материала.