10. CSS позиционирование — свойства position, top, right, bottom, left, z-index. Контекст наложения
В чём разница между position: absolute и relative — на примере игры
Если вы когда-нибудь заглядывали в мир создания сайтов или слышали, как ваш ребёнок с увлечением рассказывает о своих первых шагах в программировании, то наверняка встречали загадочные слова вроде «CSS», «позиционирование» и странные фразы с двоеточиями — position: absolute или position: relative. Давайте разберёмся, что скрывается за этими терминами, и сделаем это через знакомую всем аналогию с игрой. Представьте, что вы с ребёнком создаёте волшебный мир на листе бумаги или на игровом поле. В этом...
Позиционирование элементов: разбор всех значений position в CSS
Всем привет, меня зовут Анна Блок, и эта статья будет посвящена довольно «острой» теме, которая связана с позиционированием элементов. Мы поговорим о свойстве position и его значениях: relative, absolute, sticky и fixed. Если ты постоянно задаешься вопросом, какое значение и в какой ситуации нужно использовать, то эта статья для тебя. Разбор начнём с теории и после опубликую примеры с кодом. Position Свойство position устанавливает способ позиционирования элемента относительно окна браузера или других элементов на web-странице...