css3 段间距

段间距的概念

在CSS中，段间距通常指的是页面上不同元素（如段落、标题、图片等）之间的垂直间距。控制段间距可以使页面内容更有层次感和可读性。

CSS3中的段间距属性

CSS3为开发者提供了多种控制段间距的属性，下面是其中几个常用的属性：

p {
  margin-top: 10px;
  margin-bottom: 10px;
}

上述代码中，我们使用了margin属性来控制段落元素的上下边距。其中，margin-top用于控制段落的上边距，margin-bottom用于控制段落的下边距。通过调整这两个值，可以实现不同的段间距效果。

h4 + p {
  margin-top: 20px;
}

上述代码中，我们使用了相邻选择器（+）来选择紧接在h4标签后面的段落元素，并通过设置margin-top的值，实现h4和段落之间的段间距。

总结

通过CSS3提供的margin属性，我们可以方便地控制段落、标题等元素之间的段间距。合适的段间距可以提升页面的可读性和美观度，使内容更具吸引力。