Как располагать элементы с помощью контейнеров div | Уроки HTML, CSS
Привет друзья! В этом видео я вам расскажу, как располагать элементы вашего сайта на экране, как располагать их в специальных таких контейнерах, которые называются DIV.
Раньше 😊 в древности 😊 позиционирование элементов страницы делалось с помощью таблиц. Теперь есть такие классные контейнеры, которые позволяют располагать элементы на странице, таким образом, что даже при изменении размера страницы - ее ширины, все ваши элементы страницы будут хорошо расположены, и они перейдут например с горизонтальной части страницы в вертикальное расположение.
Для этого используются контейнеры div. Этим контейнерам можно назначать стили, которые зададут им размер например выравнивание, относительно какой части им располагаться на экране и также можно задать ширину и высоту контейнера.
Например, задав такой стиль – вы выровняете контейнер DIV относительно правой части экрана:
#rightD {
position: relative;
float: right;
border: 1px solid #00FF62;
background-color: red;
padding: 10px;
}
Вот пример для выравнивания контейнера DIV по левую часть экрана:
#leftD {
position: relative;
float: left;
border: 1px solid #00FF62;
background-color: red;
padding: 10px;
}
********************************
Если Вам понравилась публикация, подписывайтесь на канал!
Ставьте лайки, тогда будем еще писать такой контент :)
Если есть вопросы или пожелания, то пишите, в комментариях.
********************************
#урокиhtml #контейнерыdiv #расположениеэлементов
Приходите к нам на сайт:
Подписывайтесь на наш канал в YouTube:
Вступайте в нашу группу ВК:
Задавайте вопросы – постараюсь ответить 😊
Удачи в таких классных начинаниях!
37 views
174
37
1 month ago 00:17:00 1
ТАРГОИДСКИЙ ТИТАН, НОВЫЙ ТАРГОИД, НОВЫЕ МАТЕРИАЛ, ЧТО НАХОДИТСЯ В ЦЕНТРЕ ВИХРЯ !? Elite Dangerous
1 month ago 00:00:32 1
“Взбесившийся маньяк подставил головы миллионов под бомбы... Вы не находите? “
1 month ago 00:24:23 1
Полигон ударных и электромагнитных воздействий 2. Высоковольтная лаборатория.
1 month ago 00:06:31 1
Садизм в ИК-6 УФСИН Камчатки. Запись видеорегистратора DZ105 от . Унижения и истязания
2 months ago 00:20:04 1
ИХ находят ПО ВСЕМУ МИРУ | Находка 1969 года до сих пор ЗАСЕКРЕЧЕНА | документальный фильм | Топ 20
2 months ago 00:20:15 1
Метавселенная Telegram. Как вас находят силовики
2 months ago 02:16:12 1
Татьяна Монтян в Петербурге! Пышки + настойка = беседы о СВО и долге 4 500 000 ₽, Путине и коррупции
2 months ago 00:19:38 1
Природное оздоровление организма.| Виктор Максименков-НАН
2 months ago 02:16:12 1
ТАТЬЯНА МОНТЯН: ИНТЕРВЬЮ В ПЕТЕРБУРГЕ: ПЛАВАЕМ, ВЫПИВАЕМ И РЫБАЧИМ В НЕВЕ. Беседа о СВО, Путине и… 🔥
2 months ago 01:05:12 1
В БУДУЩЕЕ БЕЗ ИЛЛЮЗИЙ - Жак Фреско
2 months ago 00:02:24 1
Gray State - Новый Мировой Порядок (трейлер)
2 months ago 00:05:56 1
Женщина закричала от испуга, когда увидела, что находится внутри рыбы!
2 months ago 00:12:03 1
Почему все мировые лидеры находятся в международной базе актеров?
2 months ago 00:15:01 1
Тенгрианство, первоначальная религия тюрков и монголов
2 months ago 00:10:08 1
Производство, Которое Находится на Другом Уровне
2 months ago 00:32:59 1
Факты о ЧЕКах, которые обеспечат достойную жизнь! НДС платить?
2 months ago 00:12:13 1
Как СПЕЦСЛУЖБЫ находят людей? Метод ФСБ
2 months ago 00:00:00 1
FC 25 КАРЬЕРА ЗА ЧЕЛСИ - ВСЕ ПЛОХО В ЛЧ - СТРИМ 19
2 months ago 00:00:00 1
Зона 51: Новый Мировой Порядок - Часть 4 - Финал (трансляция)
2 months ago 00:00:00 8
Спорим?! Дуэт Раппы и Бутхила Honkai Star Rail | Feat @higanbanban Rev Up Power Up Кавер на Русском!
2 months ago 00:01:00 1
ДОХРИСТИАНСКИЙ ХРАМ НАХОДИТСЯ В ПОДМОСКОВЬЕ Вы не поверите своим глазам, но это не иллюзия
2 months ago 00:11:24 1
Устройство печей Кузнецова. Что такое колпаковая печь.
2 months ago 00:28:31 1
Джойс Майер: Бог встретит вас там, где вы находитесь