Как правильно задать верхний отступ на странице сайта: с помощью padding или margin?

Как правильно задать класс "body" для элемента?
Изображение к вопросу
  • 13 февраля 2024 г. 17:18
Ответы на вопрос 2
Верхний отступ на странице сайта обычно задают с помощью свойства margin. Например:

```css
body {
  margin-top: 20px;
}
```

Чтобы задать класс "body" для элемента, используется атрибут class. Пример:

```html
<div class="body">
  <!-- Контент -->
</div>
```

Классы в CSS обозначаются с помощью точки. В CSS-файле можно добавить стили для данного класса:

```css
.body {
  color: blue;
  font-size: 16px;
}
```
объяснение простое: <code>margin</code> - для поведения блока относительно родителя и соседних блоков, <code>padding</code> - для поведения содержимого блока. исходите из ситуации. <br/> тоесть, ваш <code>.page__body</code> либо будет физически отодвинут от родителя(или соседнего блока) сверху на <code>13px</code> ( <code>margin-top</code> ), либо он останется на месте, но его содержимое будет на <code>13px</code> ниже ( <code>padding-top</code> ) <br/> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model" rel="nofollow">блочная модель</a> <br/> ну и что-то такое можно посмотреть, <a href="https://habr.com/ru/articles/569530/" rel="nofollow">https://habr.com/ru/articles/569530/</a>
Похожие вопросы