Как убрать отступы у шапки в css?

Question

Не могу убрать отступы у шапки в css:

Важно сказать что шапку заполняю не изображением, а цветом:

header {
  background-color: #000000;
  height: 120px;
  margin: 0px;
  padding: 0px;
}

<!DOCTYPE html>
<html lang=ru>

<head>
  <meta charset=utf-8>
  <title>Pepeland</title>
  <link rel="stylesheet" href="csscode.css">
</head>

<body>
  <header>
  </header>

  <footer>
  </footer>
</body>

</html>

Answer 1

Отступы нужно убирать не только у <header>, но и у <body> тоже:

body {
  margin: 0px;
}

header {
  background-color: #000000;
  height: 120px;
  margin: 0px;
  padding: 0px;
}

<!DOCTYPE html>
<html lang=ru>

<head>
  <meta charset=utf-8>
  <title>Pepeland</title>
  <link rel="stylesheet" href="csscode.css">
</head>

<body>
  <header>
  </header>

  <footer>
  </footer>
</body>

</html>

Answer 2

У многих элементов есть отступы по умолчанию и изнутри и с наружи... Надо обнулять (желательно)

* {
  margin: 0px;
  padding: 0px;
}

header {
  background-color: #000000;
  height: 120px;
}

<!DOCTYPE html>
<html lang=ru>

<head>
  <meta charset=utf-8>
  <title>Pepeland</title>
  <link rel="stylesheet" href="csscode.css">
</head>

<body>
  <header>
  </header>

  <footer>
  </footer>
</body>

</html>

БЛОГ НА HUSL

Как убрать отступы у шапки в css?

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