Программирование с нуля с чего начать? Web разработка Урок 27 Positon

Автор Liza Merichenko
Программирование с нуля   с чего начать? Web разработка  Урок 27 Positon

мы с вами рассмотрели.

Как можно управлять расположением HTML элементов веб-страницы при помощи. Маржан — это Ring и сейчас в этом видео. Я хочу рассказать как ещё можно управлять расположением элементов при помощи такого свойства как позишн давайте для начала уберём свойство float параграфов и также.

Следовательно нам не нужен будет класс.

Клео флот сохраним этот файл и уберём параграф и Def они нам тоже не нужны. Давайте обновим страницу и так мы имеем три элемента расположены друг под другом и давайте я уберу третий элемент наверное и мы смотрим расположение на примере двух элементов ещё. Давайте уберём margin и padding из наших элементов и добавим к примеру свойства. Хайд высота пусть будет 100 пикселей. И здесь тоже самое. И так мы имеем 2. Таких вот параграфа и мы можем сдвинуть один из этих абзацев при помощи маршрут до к примеру. Мы хотим сдвинуть вверх First paragraph вниз на 50 пикселей до этого. Как вы помните нам нужно написать свойство margin у этого парня топ. Верхняя поле и указать значение 50 пикселей в данные в данном случае и первый параграф сдвигается вниз, но одновременно с ним отталкивается и второе до параграф потому что. Маржан отталкивает. А, что делать если мы хотим сдвинуть первый параграф, но второй параграф хотим оставить на месте для этого мы можем применить свойства позиция пишется оно записывается следующим образом позишн есть несколько видов позишн. Давайте начнём рассматривать рейсов Reality значит относительный то есть позиция этого элемента будет относительно. Давайте обновим элемент вернулся на свое место и ничего не изменилось нам нужно указать насколько сдвинуть этот элемент после позицию. Мы хотим как и раньше сдвинуть его вниз нам нужно указать топ и 50 пикселей и, тогда здесь добавляется в верх.

0 комментариев
0

Читайте также