CSS позиционирование (CSS position). Уроки HTML CSS JS. Урок №12

CSS позиционирование (CSS position). Позиционирование CSS очень часто используется при верстке современных макетов и открывает для нас новые интересные возможности расположения элементов на странице.
Расскажу про CSS position простыми словами и покажу на примерах. Рассмотрим такие CSS свойства позиционирования как position, top, left, right, bottom и z-index. Познакомимся с position static, position relative, position absolute, position fixed и position sticky

Весь плейлист с БЕСПЛАТНЫМ курсом и уроками по HTML CSS JS верстке:
   • БЕСПЛАТНЫЙ курс по верстке сайтов (Fr...  

Шпаргалка/методичка по CSS позиционированию:
https://fls.guru/cssposition.html

Чат помощи друг другу по верстке - https://t.me/flschat

Архив с файлами урока ищи в телеграм канале https://t.me/freelancer_lifestyle
Или качай по ссылке: https://fls.guru/files/tutorials/css_...

0:00 - Вступление
0:32 - Подготовка к уроку
3:56 - Position
3:56 - static
4:36 - relative
6:53 - свойство z-index со значением relative
8:53 - absolute
14:01 - свойство z-index со значением absolute
14:54 - fixed
16:43 - свойство z-index со значением fixed
17:08 - sticky
20:34 - Подводные камни использования absolute
23:56 - Примеры
28:43 - Методичка
28:53 - Напутствие
Спасибо Emil Chapchakchi

Instagram:   / freelancer.lifestyle  
Facebook:   / freelancerlifestyle  
Telegram канал: https://t.me/freelancer_lifestyle
-----------------------------------------------------------------------------------------------
Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов.
На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал:    / freelancerlifestyle  
-----------------------------------------------------------------------------------------------
«Фрилансер по жизни». Живи, а работай в свободное время! ©
#фрилансерпожизни #обучение #cssposition