css样式表层叠性 |css字体行距

p {
color: blue;
font-size: 18px;
}
这是一段使用CSS样式表定义的段落样式，字体为蓝色，字号为18px。

当然，如果有多个样式定义了同一个属性，那么就需要了解一些层叠规则来判断最终的样式。在CSS中，每个样式都有其特定的“优先级”，这个优先级是由选择器的不同组合方式和规定的权重系数共同决定的。

p {
color: red !important;
font-weight: bold;
}
.text {
color: green;
font-size: 20px;
}
这是一段使用CSS样式表定义的段落样式，字体为绿色，字号为20px。

上面的例子中，虽然p标签的样式中定义了字体颜色和加粗，但是由于后面又出现了class样式.text { color: green }，这个选择器拥有更高的优先级，会覆盖p标签中定义的字体颜色。不过有一个特殊情况，就是在某个样式属性后紧跟着!important关键字的样式规则，它的优先级最高，将会覆盖其他所有样式。

总的来说，了解CSS样式表的层叠性和优先级规则，可以更好地掌握如何使用CSS进行网页布局和视觉效果的设计。