即使我删除了边距和填充，我仍然在标题上方留有空格

Question

标题解释;我在页面的<h1>部分有一个<header>元素，我希望它有背景颜色，上面没有空白区域。在CSS中，我已将padding设置为0;，将margin设置为0;。即使经过这些更改，我的<h1>标记上方仍有空格。这是我使用的代码......

＆＃13;

＆＃13;

header {
  background-color: #FFFFFF;
}

html,
body {
  background-color: #7fffd4;
  margin: 0;
  padding: 0;
}

＆＃13;

<header>
  <div class="name">
    <h1>WHITE SPACE ABOVE THIS TAG</h1>
  </div>
</header>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您还应声明h1填充和边距为零：

 html, bod {
     background-color: #7fffd4;
     margin: 0;
     padding: 0;
   }

 h1 {         
     margin: 0;
     padding: 0;
   }

Answer 2

更改CSS以定位h1元素。删除包装元素上的填充和边距不会将其从tree移除，即从header移除不会将其从header下的所有元素中删除

＆＃13;

＆＃13;

header {
  background-color: #FFFFFF;
}

html, body {
  background-color: #7fffd4;
}

h1 {
  margin: 0;
  padding: 0;
}

＆＃13;

＆＃13;

＆＃13;

Answer 3

您需要在开头删除每个元素的边距/填充，而不仅仅是正文

＆＃13;

＆＃13;

* {
    margin: 0;
    padding: 0;
}

header {
    background-color: #FFFFFF;
}

html, body {
    background-color: #7fffd4;
}

＆＃13;

<header>
<div class = "name">
<h1>WHITE SPACE ABOVE THIS TAG</h1>
</div>
</header>

＆＃13;

＆＃13;

＆＃13;