База ответов на вопросы по CSS в Оbsidian для успешного прохождения собеседования

Складчина: База ответов на вопросы по CSS в Оbsidian для успешного прохождения собеседования

Огромная база знаний ответов на вопросы по CSS в виде заметок в Obsidian.



Что внутри базы заметок Obsidian:

Все ключевые темы, которые реально спрашивают на собеседованиях:

Каскадность, наследование и специфичность
Блочная модель (Box Model)
Типы позиционирования и порядок наложения (position, z-index, stacking order)
Методологии и масштабируемость CSS-кода
Псевдоклассы и псевдоэлементы
Анимации и плавные переходы
Методологии и масштабируемость CSS-кода

И десятки других тем, которые постоянно спрашивают на собеседованиях.

Каждый вопрос снабжён понятным объяснением и примерами, которую можно запомнить не зазубриванием, а пониманием.

Спойлер: Полный список вопросов

1. Что такое CSS? И для чего он используется?
2. Что такое CSS-правило?
3. Варианты добавление CSS стилей на страницу?
4. Типы позиционирования в CSS?
5. Блочная модель CSS?
6. Что такое селектор? И какие селекторы существуют?
7. Что такое специфичность селектора? Как считать вес селектора?
8. Разница между Reset.css и Normalize.css?
9. Разница между margin и padding?
10. Разница между display: none и visibility: hidden?
11. Разница между блочным и строчным (инлайновым) элементами?
12. Разница между классом и идентификатором в CSS?
13. Что такое CSS спрайт? И для чего он используется?
14. Что такое вендорные префиксы? И для чего они используются?
15. Что такое псевдоэлементы? И для чего они используются?
16. Что такое схлопывание границ (margin collapsing)?
17. Что такое CSS препроцессор?
18. Что такое z-index? Как формируется контекст наложения?
19. Порядок наложения элементов в CSS (Stacking Order)?
20. Как с помощью CSS определить, поддерживается ли свойство в браузере?
21. Как поддерживать страницы в браузерах с ограниченными функциями?
22. Как исправлять специфичные проблемы со стилями для разных браузеров?
23. Глобальные ключевые слова в CSS?
24. Что такое CSS-атрибут (attr)?
25. Что такое перечисление селекторов?
26. Для чего используется ключевое слово currentColor в CSS?
27. Какие псевдоклассы были добавлены в CSS3?
28. Какие фильтры есть в CSS?
29. Для чего используется псевдокласс :invalid?
30. Расскажите про свойство display в CSS?
31. В каком случае лучше использовать translate() вместо абсолютного позиционирования?
32. Что такое плавающие элементы (floats)? Как они работают?
33. Расскажите о свойстве text-rendering?
34. Расскажите о свойстве text-decoration-skip-ink?
35. Расскажите о свойстве pointer-events?
36. Расскажите о свойстве outline?
37. Расскажите о свойстве scrollbar-gutter?
38. Почему не стоит использовать краткую запись свойств CSS?
39. Назовите псевдоэлементы для подсветки текста?
40. Способы задания цвета в CSS?
41. Какие CSS-свойства используются для создания анимаций и плавных переходов?
42. Принципы и подходы для обеспечения масштабируемости и поддерживаемости CSS-кода?
43. Плюсы и минусы методологии БЭМ?
44. Какие CSS-препроцессоры вы знаете? Преимущества их использования?
45. Какое CSS-свойство используется для изменения порядка отображения элементов на веб-странице без изменения их физического расположения в HTML-коде?
46. Разница между псевдоклассами и псевдоэлементами?
47. Как создавать и поддерживать единый стиль CSS на больших проектах?
48. Что такое "контейнерные запросы" (container queries)? Как они отличаются от медиазапросов (media queries)?
49. Расскажите о псевдоклассе :has()?
50. Расскажите о медиафункции prefers-reduced-motion?
51. Что такое и как работает CSS Flexbox?
52. Расскажите о свойстве flex в контексте Flexbox?
53. Что такое BEM и как это помогает в CSS?
54. Особенности, или плюсы Flexbox?
55. Проблемы использования CSS-in-JS? Как их решить?
56. Расскажите о свойстве will-change?
57. Как работают каскадность и наследование в CSS?
58. Как работают transition и animation, и в чем их отличия?
59. Разница между Flexbox и CSS Grid?
60. Как можно реализовать адаптивный дизайн без медиа-запросов?

Всё собрано в лучшем и удобном менеджере заметок Obsidian
Не просто список — а живая система заметок, где всё взаимосвязано.
Ты можешь переходить от темы к теме, искать по ключевым словам, быстро повторять перед собесом и собирать собственную базу знаний.
Примеры кода, краткие конспекты, связи между идеями — всё под рукой.

Кому подойдёт
– Тем, кто готовится к первому собеседованию по CSS.
– Тем, кто хочет систематизировать знания перед переходом с Junior на Middle.
– Тем, кто просто устал от разрозненных статей, видео и хаоса закладок.

Что ты получишь

✅ Уверенность на собеседовании — без паники и догадок.
✅ Понимание, а не зубрёжку.
✅ Удобную базу в Obsidian, которую можно дополнять и развивать.
✅ Систему, которая делает из знаний — мышление разработчика.

Бонус за одну рекламу и подпись для новых участников:

Инструкция, в которой я подробно со скринами объясняю как настроить синхронизацию базы заметок в Obisidian между ноутбуком и смартфоном.

Тем кто участвовал в складчине по JavaScript и HTML и делал в ней рекламу - делать в этой необязательно.

Дополнительно предоставляю информацию о всех плагины, которые установлены у меня для комфортного изучения материала.