Джокер
Администратор
- Регистрация
- 1 Янв 2015
- Сообщения
- 133.846
- Реакции
- 76.345
Складчина: База ответов на вопросы по 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 и делал в ней рекламу - делать в этой необязательно.
Дополнительно предоставляю информацию о всех плагины, которые установлены у меня для комфортного изучения материала.
Складчина с базой по JavaScript
Складчина с базой по HTML
СКАЧАТЬ СЛИВЫ КУРСОВ
Огромная база знаний ответов на вопросы по 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 и делал в ней рекламу - делать в этой необязательно.
Дополнительно предоставляю информацию о всех плагины, которые установлены у меня для комфортного изучения материала.
Складчина с базой по JavaScript
Складчина с базой по HTML
СКАЧАТЬ СЛИВЫ КУРСОВ
Для возможности скачивать складчины и сливы курсов нужно зарегистрироваться
Возможно, Вас ещё заинтересует:
- Настойка для восстановления печени [Алёна Ковальчук]
- Точка глобального разлома [Владимир Левченко]
- Испанские глаголы: магия приставок [Гоар Карапетян]
- Пособия по современной испанской лексике: Libro del alumno + Libro del trabajo [Тариф Две части] [Анна Шалагинова, Мануэль Гомес-Пейна]
- Гайд-тренажер по прошедшим временам [Анна Шалагинова]
- Живая. Сексуальность, флирт и женственность [Анна Риттер, Сергей Воронцов]
- Карта желаний Pro [Тариф карта желаний для себя] [5 prism] [Юрий Мурадян]
- UA Manager 2026: Facebook & Google Ads на максимуме [Тариф Базовый] [Дмитрий Гущин]
- Мафия продаж [Глеб Фостенко]
- Юрист по потребительским спорам [Тариф Запись] [Школа права] [Наталья Ситникова] [Повтор]