为什么<h3>和<p> </p> </h3>之间有这么大的空间

Question

我不明白。为什么“标题”和“文本”之间有这么大的空间？请看一下这段代码：

 <h3 style="background:#000">Title</h3>
        <p class="d" style="background:#000">
       Text Text Text Text Text Text Text Text Text Text Text 
        </p>

绝对没有其他样式适用于这两个元素，但仍有很多未使用的空间。有人有想法吗？

Answer 1

标题标记（<h1>，<h2>，...）具有默认的填充和边距。 段落<p>

也是如此

如果要删除这些默认空格，请将以下样式添加到css或元素内的标题和段落中：

padding: 0; margin: 0;

Answer 2

尝试提供margin:0 for h3 and p

Answer 3

Css Resets通常应该应用于CSS代码，这样您的样式只会受到您输入的内容的影响，而不是默认样式。 http://www.cssreset.com/包含一些您可能选择使用的很好的重置。这是在显示标题上设置的默认边距时发生的，这是一种简单的样式：

h3 {
padding:0;
margin:0;
}

仅解析此特定元素，因此css重置可以将所有HTML元素重置为没有样式。

Answer 4

您必须使用reset.css来消除默认边距和填充。 meyerweb's reset css可以是一个好的开始。

Answer 5

这是因为<p>是一个段落。默认情况下，段落包含margin-top: 1em;和margin-bottom: 1em;。 <h1> - <h6>是标题标记，默认情况下，它margin-top和margin-bottom从2.33em到0.67em