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

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

157.727 Lượt nghe
Позиционирование элементов: свойство position в CSS + разбор sticky
🔥 Скидка 10% на обучение по вёрстке и JavaScript. Заполни форму, чтобы ей воспользоваться: https://forms.gle/Q5uKoU9HCX3Tmg6g6 — Курс по верстке для новичков (на практике сделаем 2 сайта на чистом HTML и CSS) https://frontendblok.com/courses/html-css — Курс для прокаченных в верстке (на практике сделаем 2 сайта на Webpack, HTML, SCSS) https://frontendblok.com/courses/advanced-html-css — Курс по JavaScript (практикуем то, что пригодится при выполнении работе с сайтами) https://frontendblok.com/courses/javascript В этом видео мы разберем работу довольно популярного свойства при верстке сайтов: 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 — https://www.instagram.com/annblok 🔵 TikTok — https://www.tiktok.com/@annblok_webdev 🔵 Дзен — https://zen.yandex.ru/annblok 🔵 ВК — https://vk.com/tpverstak 🔴 Обучение - https://frontendblok.com