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 верстке:    • БЕСПЛАТНЫЙ курс по верстке сайтов (Front E...   Шпаргалка/методичка по 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