Подготовка к интервью
Разбирайте реальные вопросы, сверяйтесь с подробными ответами и готовьтесь по технологиям и компаниям.
Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.
Каталог
Как Flexbox работает с осями и чем он лучше float? Flexbox — гибкий контейнер для выравнивания и распределения элементов В нём выделяют две оси: main axis (по умолчанию горизонтальная) и cross axis (перпендикулярная…
Читать ответКак flex-direction определяет направление работы justify-content и align-items Свойство flex-direction определяет основную ось flex-контейнера доступные значения: row (горизонтальное направление), column…
Читать ответКонтекст: CSS-позиционирование и флексбокс Центрирование с помощью Flexbox: родительский элемент: display: flex; justify-content: center; align-items: center; элемент выравнивается по центру сразу по обеим осям Другой…
Читать ответКак работает position: sticky и в какой момент элемент "отклеивается"? CSS-свойство для позиционирования, которое частично фиксирует элемент До достижения установленной границы прокрутки элемент ведёт себя как…
Читать ответКак свойство box-sizing: border-box рассчитывает размеры элемента? CSS-свойство, определяющее модель коробки объединяет content + padding + border в заданной ширине и высоте сохраняет итоговый размер элемента в…
Читать ответКак эмулировать position: sticky при отсутствии поддержки CSS не предлагает прямой fallback без JavaScript Применять отслеживание прокрутки через JS с помощью события scroll Определять положение элемента относительно…
Читать ответОсновные значения display CSS-свойство, определяющее способ отображения элементов block: занимает всю доступную ширину и начинается с новой строки inline: размещается в одной строке и имеет ширину по содержимому…
Читать ответGrid и Flexbox: задачи, для которых нужен Grid Двумерное позиционирование Grid одновременно размещает элементы по строкам и столбцам, тогда как Flexbox работает только в одном измерении — вдоль строки или столбца.
Читать ответРазмер элемента определяется моделью CSS box model. width: устанавливает ширину содержимого блока. padding: задаёт внутренние отступы и увеличивает общий размер элемента. border: формирует рамку вокруг содержимого и…
Читать ответМожно ли анимировать свойства opacity, visibility и display? CSS-анимации применимы к свойствам с числовыми значениями opacity — поддерживает плавное изменение, например от 0 до 1 visibility — напрямую не анимируется,…
Читать ответПозиционирование элементов в CSS relative: элемент остается в потоке документа и смещается относительно своего исходного положения absolute: элемент исключается из стандартного потока и размещается относительно…
Читать ответОтличие display: none от visibility: hidden CSS-свойства для управления отображением элементов display: none — элемент исключается из потока документа layout формируется заново, поэтому место под элемент не…
Читать ответ