Основы HTML и CSS Урок 15. Все виды позиционирования. Поток документа. Z-index. Теория и практика.
Разберём поток документа, узнаем как позиционировать элементы на странице и какие значения существуют для свойства position. Разберемся с наложением слоёв и свойством z-index, применим изученные свойства в реальном кейсе.
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже:
💬 Присоединяйся к нашему чату веб-разработчиков:
❤️ Сохрани этот плейлист с уроками по HTML и CSS, тестами и практикой:
📝 Пройти тест на понимание данной темы:
💙 Мы в VK:
Данный курс будет полезен всем начинающим веб-разработчикам, которые хотят узнать как создать сайт и изучить язык разметки 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 Что будет дальше
46 views
947
284
1 month ago 00:09:46 5
Стоячие волны в Трансформаторе Тесла, резонанс, коэффициент трансформации
2 months ago 00:54:09 1
Мадам Гийон. Молитва сердца.
2 months ago 02:01:45 1
Что такое реальность?
2 months ago 01:31:38 1
Мантра медитация — основы практики - Александр Хакимов
2 months ago 00:04:56 1
А НЕБО КРИЧИТ... Песня на слова Натальи Шевченко
2 months ago 00:05:05 1
Предприятия ОПК ищут рабочих. Работники энергокомпании борются за ее сохранение. Новости