Как убрать отступы блока в html, все перепробовал, не понимаю?

Question

Учусь верстать сайты. Да, не самое лучшее, но почему бы и нет. Получается копировать сайты, большинство в коде понимаю, что за что отвечает, но в своем не могу понять, откуда появились эти отступы. Помогите пожалуйста

Answer 1

Вы забываете, что у таких элементов, как <p>, <h1> и т.п., есть стили по умолчанию. Подключайте reset.css или контролируйте вручную все отступы:

body { margin: 0; }

.body>div { padding-left: 20px; }
.shapka { background: #547BA3; }
.seredina { background-color: #EFF1F3; }
.osnova { background-color: #EFd1d3; }

h1 {
  margin: 0;
  padding: 0.67em 0;
}

<body class="body">
  <div class="shapka">
    <h1>Первый блок</h1>
  </div>
  <div class="seredina">
    <h1>Второй блок</h1>
  </div>
  <div class="osnova">
    <h1>Третий блок</h1>
  </div>
</body>

БЛОГ НА HUSL

Как убрать отступы блока в html, все перепробовал, не понимаю?

Ответы (1 шт):