Posted on | by liu
CSS是网页设计中非常重要的一个部分，它可以让你在网页中实现各种各样的效果，其中之一就是让段落空出一行。那么，在使用p标签时，怎样才能让段落空出一行呢？
首先，大家需要知道每个标签都有默认的样式，包括行高，即行与行之间的垂直距离。默认情况下，p标签的行高是1.2倍字体大小。
要让段落空出一行，大家可以通过修改行高来实现。这可以通过CSS的line-height属性来完成。例如，如果你希望段落之间的距离是字体大小的两倍，你可以将line-height设置为2em，如下所示：
p {
line-height: 2em;
}这样，你的段落就会空出一行了。同时，你也可以根据需求自由调整行间距。
除了设置行高外，你还可以使用margin属性来调整段落之间的距离。margin是表示元素边框与相邻元素之间的距离。与line-height不同，margin可以用负值来缩小段落之间的距离。例如，如果你希望段落之间的距离变小，你可以将第二个段落的margin-top值设置为负值，如下所示：
p:first-child {
margin-bottom: 20px;
}
p:not(:first-child) {
margin-top: -10px;
}这里，大家首先将第一个段落的margin-bottom值设置为20px，这样，在第一个段落之后，就会有20像素的间距。接下来，大家将除第一个段落外的所有段落的margin-top设置为-10px，这样就可以将段落之间的距离缩小10像素。
总之，如果你希望段落之间有一定的距离，你可以使用line-height属性来设置行高，也可以使用margin属性来调整段落之间的距离。当然，具体的设置要根据你的需求进行调整。