在段落(x)HTML、CSS之间留出空间

p + p {
  margin-top: 1.5em;
} 

(尽管这需要一个比IE6更好地支持CSS的浏览器)

如果您不需要支持IE6,可以使用:

div, h1, p { margin: 0; }
p + p { margin-top: 12px; }

如果您需要支持IE6,这是一个肮脏的黑客,但它不使用javascript:

div, h1, p { margin: 0; }
h1 { margin-bottom: -12px; }
p { margin-top: 12px; }

这种方法的缺点是,不能简单地使用1em来平衡页边距,因为它们的字体大小不同。您可以根据需要手动调整或使用像素宽度。

将默认的下边距设置为p,然后给最后一个标记一个没有下边距的类。

<div>
   <h1>A headline</h1>
   <p>Some text</p>
   <div class="paragraph-space"></div>
   <p>Some text</p>
</div>

?

<div>
  <h1>A headline</h1>
  <p>Some text</p>
  <p style="margin-bottom: 0;">Some text</p>
</div>

如果要使其更兼容浏览器,还可以使用:

p { margin-top: 24px; }
h1 { margin-bottom: -24px; } // play with this value as necessary

负的页边距会将元素拉向它们。这比我喜欢的要凌乱,但是当你任由CMS生成的代码摆布,没有办法添加类时,你必须有创造力。