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

Автор Alla Bessonova
Программирование с нуля   с чего начать? Web разработка  Урок 25 Padding

следующее свойство которое можно использовать для отступов в html-документе — это свойство padding ну прежде.

Давайте я вам расскажу вот так называемым называемый блочной модели html-документа или английский боксмодов давайте уберемся для. Барри сохраним и. Давайте перейдем на сайт мгн и прочитаем здесь об этой блочной модели и так тут написано что.

Блочная модель CSS является основой структурирования веб-страниц.

Каждый элемент представляет собой прямоугольный блок у которого есть самка внутренний отступ граница. И внешний отступ который наслаиваются друг на друга подобно луковиц. Вы можете здесь прочитать подробно об этом обо всём на этой страничке ниже здесь есть такое вот изображение — это блочной модели и здесь указан внешняя часть элемента. Да — это марча дальше идёт Border границы элемента. Далее идет. Терек и внутри some Content с его высотой и шириной то есть мы уже с вами разобрали. Что такое Morgen Morgen — это расстояние от внешней стороны Border границы вот — это вот будет маржа это. Маржан отталкивает другие блоки которые соседство с этим элементом то есть давайте сейчас нажмем правой кнопкой мыши и просмотром код страницы при помощи инструментов разработчик. Давайте Боди и наведен курсор на Second paragraph то мы видим, что оранжевым цветом отображается морджим сейчас установлена у нас 30300 пикселей сверху снизу и авто справа и слева. Давайте уберём все. ССС ширину и сделаем пока. Маржан пусть будет 0 к примерам сохраним обновим страниц и пока у нас всё отображается вот таким вот образом если сейчас мы укажем margin-bottom к примеру нижнюю маршрут до 20 пикселей для второго параграфа так как вы видите это. Маржан отталкивает. Нижний элемент вниз на 20 пикселей. Давайте покажем 200, что — это было более заметно и вы видите из-за этой. Маржан этот элемент оттолкнулся на 200 пикселей вниз. Если же мы сейчас укажем. Маржан для первого параграфа у нас класс.

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

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