html - 我怎样才能去掉标题上方的空间

Question

如何去掉网页顶部和页眉之间的空格？
这是我的代码:

body {
    margin: 0px;
    padding: 0px;
}
        
#Header {
    background-image: url(space.jpg);
    color: white;
    font-size: 40px;
    text-align: center;
    height: 70px;
    margin-top: 0px;
}

<div id="Header">
  <p> Weird Title </p>
</div>

<a href ="practice.html"> Click here </a>

我尝试了 margin-top 但它不起作用是我做错了什么。

Answer 1

您必须将 margin-top: 0 规则应用于 #Header div 内的 p 元素，因为边距由 p 元素而不是 div 创建。

作为提示，您可以使用浏览器上的开发人员工具检查此类问题，选择一个元素并检查 border/margin/padding 右 Pane 中的值。

#Header > p {
    margin-top: 0
}