Css 如何删除HTML标题上方的空格（边距）？

我正在创建一个网站

我已经编写了HTML部分，现在正在编写样式表。但在我的标题上方总是有一些空格。我怎样才能删除它

下面给出了我的HTML和CSS代码

正文{
边际：0px；
填充：0px；
}
标题{
边际：0px；
填充：0px；
高度：20em；
背景色：#C0；
}

在线法官
尝试：

您将看到。
尝试页边空白：

<header style="margin-top: -20px;">
    ...


...

编辑：

现在我发现相对位置可能是更好的选择：

<header style="position: relative; top: -20px;">
    ...


...
当您开始创建网站时，重置所有边距和填充是一种很好的做法。因此，我建议从简单开始：

* { margin: 0, padding: 0 }

这将使所有元素的边距和填充为0，然后您可以根据需要设置它们的样式，因为每个浏览器都有不同的默认元素边距和填充
 可能是
h1
标签导致了问题。应用
margin:0应该可以解决问题

但是，您应该为每个新项目使用CSS重置，以消除浏览器一致性和类似您的问题。最著名的可能是Eric Meyer的：
为了防止将来出现意外的页边距和其他特定于浏览器的行为，我建议将其包含在样式表中

请注意，您必须设置h[1..6]字体大小和重量，以使标题在这之后看起来像标题，以及其他许多事情。
我通过添加边框解决了空间问题，而删除是通过设置负边距。但我不知道根本的问题是什么

header {
  border-top: 1px solid gold !important;
  margin-top: -1px !important;
}

为了完整起见，将
overflow
更改为
auto
/
hidden
也可以做到这一点


正文{
边际：0px；
填充：0px；
}
标题{
边际：0px；
填充：0px；
高度：20em；
背景色：#C0；
溢出：自动；
}

在线法官
这种css允许chrome和firefox正常呈现我页面上的所有其他元素，并删除我的h1标记上方的边距。此外，当页面调整大小时，em可以比px更好地工作

h1 {
  margin-top: -.3em;
  margin-bottom: 0em;
}

你使用哪种浏览器？在Opera 12.12中，tag.html、*、body{margin:0px；padding:0px；}周围没有空格，请小心使用*选择器。这对性能非常不利。我认为你应该考虑使用一个像Eric Meyer那样的复位CSS，你的意思是边距：0px；林特甚至强调了你的观点：哦，好吧，我不知道。谢谢你的澄清。谢谢，关于保证金崩溃的文章的链接，它澄清了初学者通常会面临的许多问题。@eddard.stark如果这有效，你应该接受答案
h1 {
  margin-top: -.3em;
  margin-bottom: 0em;
}