Как переместить элемент на странице в любую точку экрана? Или, может, зафиксировать его в определённой точке? С этим поможет css свойство position. Сегодня подробно познакомимся с данным свойством и его значениями.
Поддержать канал:
https://www.tinkoff.ru/rm/shevchuk.vitaliy3/vfO8w2403
https://www.donationalerts.com/r/webpacman
Подписывайтесь и ставьте лайк, приятного просмотра!
Также обязательно подпишись на мой телеграм канал, там будет много общения и ответов на вопросы!
https://t.me/webpacman
------------------------------------------------
Ссылки:
https://developer.mozilla.org/en-US/docs/Web/CSS/position
Тайминг:
00:00 - Введение
02:03 - Позиционирование по умолчанию
03:30 - position relative. Свойства top, right, bottom и left
06:49 - position static - сброс позиционирования
07:33 - position absolute - абсолютное позиционирование
11: 54 - Создаём пример popup элемента
15:09 - position sticky - прилипание к блоку
16:44 - position fixed - фиксирование элемента на странице
17:36 - Кнопка обратной связи с помощью position fixed
Музыка:
Dead Pacman by N3rgul
Track: Max Brhon - The Future [NCS Release]
Music provided by NoCopyrightSounds.
Watch:
https://www.youtube.com/watch?v=dRe_rS19E04
Free Download / Stream:
http://ncs.io/TheFuture
------------------------------------------------
Привет! Меня зовут Виталий Шевчук, я веб-разработчик. Свой путь в разработке сайтов я начал ещё в школе, создавая форумы для игр. К текущему времени я получил много опыта в разработке сайтов и очень хочу им поделиться с вами!
------------------------------------------------
Telegram:
https://t.me/webpacman
Сайт:
http://vshevchuk.ru/
Теги: #css #css3 #css3tutorial #cssposition
Тэги:
#css #css3 #cssposition