Размер элемента определяется моделью 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 формируется заново, поэтому место под элемент не…
Область применения: CSS-переходы и анимация transition выполняет плавное изменение между двумя значениями свойства при его смене animation описывает многоэтапную анимацию с несколькими ключевыми кадрами (keyframes)…
Чем отличаются inline, block и inline-block элементы в CSS Режим отображения: inline остается в текущей строке, а block начинается с новой строки и по умолчанию занимает всю доступную ширину Габариты: для inline…
По умолчанию HTML-элемент <span> имеет значение inline Свойство display: block делает элемент блочным Он начнет занимать всю ширину родительского контейнера Элемент перейдет на новую строку и будет использовать всю…
CSS-позиционирование relative: элемент сохраняет место в потоке, поэтому соседние элементы не смещаются его можно перемещать с помощью top/right/bottom/left, однако занимаемое пространство сохраняется absolute:…
Что такое псевдоклассы? специальная возможность CSS и часть селекторов описывают состояния элементов без правок в HTML записываются с двоеточием (:hover, :focus) применяются для стилизации наведения, фокуса, первых и…
Что такое псевдоэлементы? специальные CSS-конструкции для создания виртуальных элементов формируются браузером и не входят в DOM добавляют дополнительные части элемента, например ::before и ::after позволяют оформлять…