Css 清除收割台和车身之间的空白_Css

Css 清除收割台和车身之间的空白

css

Css 清除收割台和车身之间的空白,css,Css,我试图删除标题和正文之间的空白，但无法使其正常工作。我已经包含了一个显示我的代码的片段。有人知道怎么分类吗标题{ 宽度：100%；高度：10公分；背景色：#345cd7；位置：相对位置；保证金：0；填充：0； } .机顶盒{ 背景色：#345cd7；保证金：0；填充：0； } 欢迎来到欢迎来到这个家庭。下载其中一个应用程序并拨打电话！只需在h1标记中设置边距：0 标题{ 宽度：100%；高度：10公分；背景色：#345cd7；位置：相对位置；保证金：0；填充：

我试图删除标题和正文之间的空白，但无法使其正常工作。我已经包含了一个显示我的代码的片段。有人知道怎么分类吗

标题{
宽度：100%；
高度：10公分；
背景色：#345cd7；
位置：相对位置；
保证金：0；
填充：0；
}
.机顶盒{
背景色：#345cd7；
保证金：0；
填充：0；
}


欢迎来到
欢迎来到这个家庭。下载其中一个应用程序并拨打电话！

只需在h1标记中设置

边距：0

标题{
宽度：100%；
高度：10公分；
背景色：#345cd7；
位置：相对位置；
保证金：0；
填充：0；
}
.机顶盒{
背景色：#345cd7；
保证金：0；
填充：0；
}
.机顶盒h1{
保证金：0；
}


欢迎来到
欢迎来到这个家庭。下载其中一个应用程序并拨打电话！

将标题放在正文中：

<body>

  <header>
    <img src="images/white.svg" id="logo" />
  </header>

  <div class="top-box">
    <h1>Welcome to</h1>
    <h2>Welcome to the family. Download one of the apps and get making them calls!</h2>
  </div>
</body>


欢迎来到
欢迎来到这个家庭。下载其中一个应用程序并拨打电话！

确保在默认情况下，将页眉上的任何填充和边距都0掉，h1标签上有边距。所以只要去掉这个边距，在这个例子中是top，就可以了

标题{
宽度：100%；
高度：10公分；
背景色：#345cd7；
位置：相对位置；
保证金：0；
填充：0；
}
.机顶盒{
背景色：#345cd7；
保证金：0；
填充：0；
}
h1{
边际上限：0；
}


欢迎来到
欢迎来到这个家庭。下载其中一个应用程序并拨打电话！

只需使用通用选择器：

*{ margin: 0%; }

来源：

对标题样式表使用

溢出：隐藏。
为什么你的标题
标签在正文
标签之外？添加位置：绝对；宽度：100%到。机顶盒h1
上自然有边距，因此如果你不删除它，它可能会导致将边距放在父项上的效果（这就是造成差距的原因）。我已经改变了这一点，它仍然这样做，但我已经得到了一个有效的答案。谢谢。欢迎来到堆栈溢出。在回答时，解释为什么有人应该使用你建议的代码以及你认为它将如何帮助解决他们的问题是非常有用的。这样，他们和其他人可以从解决方案中学习，而不是盲目地复制和粘贴它。