Margin: определение и основные принципы использования

Margin - это свойство CSS, которое позволяет задать внешние отступы для элементов на веб-странице. Отступы могут быть заданы в пикселях, процентах или других единицах измерения, в зависимости от конкретных потребностей дизайна.

Пример использования margin:

HTML:

  
Привет, мир!
  
Это мой первый веб-сайт.

CSS:

.container {
  margin: 20px;
}
h1 {
  margin-bottom: 10px;
}
p {
  margin-top: 10px;
}

В приведенном выше примере мы задаем внешний отступ в 20 пикселей для элемента .container, что приведет к отступу в 20 пикселей со всех сторон (верх, право, низ, лево).

Однако мы также используем свойства margin-top и margin-bottom для элементов h1 и p соответственно, чтобы установить отступы только с верхней и нижней сторон. Это позволяет нам точнее управлять пространством между нашими элементами, чтобы добиться желаемого дизайна.

В целом, margin - это очень полезное свойство для управления пространством на веб-странице и создания более эстетичного дизайна.