Позиционирование элементов: свойство position в CSS + разбор sticky

🔥 Скидка 10% на обучение по вёрстке и JavaScript. Заполни форму, чтобы ей воспользоваться: https://forms.gle/Q5uKoU9HCX3Tmg6g6

— Курс по верстке для новичков (на практике сделаем 2 сайта на чистом HTML и CSS)
https://frontendblok.com/courses/html...
— Курс для прокаченных в верстке (на практике сделаем 2 сайта на Webpack, HTML, SCSS)
https://frontendblok.com/courses/adva...
— Курс по JavaScript (практикуем то, что пригодится при выполнении работе с сайтами)
https://frontendblok.com/courses/java...

В этом видео мы разберем работу довольно популярного свойства при верстке сайтов: position. Разберем его значения на практике.

Absolute — https://codepen.io/anna_blok/pen/vPjmJV
Fixed — https://codepen.io/anna_blok/pen/JzvNLL
Static — https://codepen.io/anna_blok/pen/xBjdaW
Sticky — https://codepen.io/anna_blok/pen/zbjzYj

Таймкоды:
00:00 Вступление
00:37 Какие значения есть в position?
02:43 Поддержка
03:08 Начало примера
04:13 Рассмотрим absolute
05:20 Рассмотрим relative
06:55 Рассмотрим fixed
07:55 Рассмотрим static
08:50 Рассмотрим sticky

🔵 Telegram — https://t.me/frontendblok
🔵 Чат Telegram — https://t.me/frontendblokchat
🔵 Instagram —   / annblok  
🔵 TikTok —   / annblok_webdev  
🔵 Дзен — https://zen.yandex.ru/annblok
🔵 ВК — https://vk.com/tpverstak

🔴 Обучение - https://frontendblok.com