[Основы HTML и CSS] Урок 15. Все виды позиционирования. Поток документа. Z-index. Теория и практика.
Разберём поток документа, узнаем как позиционировать элементы на странице и какие значения существуют для свойства position. Разберемся с наложением слоёв и свойством z-index, применим изученные свойства в реальном кейсе.
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже:
https://t.me/webproschool_bot?start=l...
💬 Присоединяйся к нашему чату веб-разработчиков:
https://t.me/webproschool_chat
❤️ Сохрани этот плейлист с уроками по HTML и CSS, тестами и практикой: • Курс по основам HTML и CSS с тестами ...
📝 Пройти тест на понимание данной темы:
https://t.me/webproschool_bot?start=l...
💙 Мы в VK:
https://vk.com/webproschool
Данный курс будет полезен всем начинающим веб-разработчикам, которые хотят узнать как создать сайт и изучить язык разметки HTML и язык стилей CSS. В ходе обучения вы сможете получить тесты и практические задания на закрепление материала.
Таймкоды:
00:00 О чём это видео.
00:16 Про поток документа.
01:30 Значение position по умолчанию.
01:45 Про position: relative
02:06 Как двигать элемент с помощью position
02:34 Как сдвигает position: relative
04:00 Шорткат inset
04:50 Свойство z-index
08:05 Про position: absolute
10:42 Применяем relative и absolute вместе.
13:05 Про position: fixed
13:47 Про position: sticky
15:30 Верстка карточки из начала урока
23:08 Что будет дальше
