css层叠样式表的目的

CSS层叠样式表的目的是为了让开发者可以轻松地对HTML文档进行样式设计。在没有CSS的情况下，开发者需要在HTML标签中嵌入style属性来为元素添加样式。而使用CSS可以将所有的样式规则都集中在CSS文件中，让HTML文档更加简洁。

p{
   color:red;
   font-size:14px;
   font-weight:bold;
}

以上代码为一个简单的CSS规则，它将所有的p元素文字颜色设置为红色，并且文字大小设置为14像素，字体加粗。

CSS的另一个重要特性是层叠规则，当一个元素被多条CSS规则选中时，会按照特定的优先级确定最终应用的样式。这种层叠规则可以让开发者更加精细地掌控每个元素的样式。

p{
   color:red;
   font-size:14px;
}
.special{
   color:green;
   font-weight:bold;
}

以上代码为一个更复杂的CSS规则，它将所有的p元素文字颜色设置为红色，文字大小设置为14像素。同时，class为special的元素文字颜色设置为绿色，并且字体加粗。如果一个元素既符合p元素规则，又符合class为special的规则，最终应用的样式将以class为special的规则为准。

总之，CSS层叠样式表可以让开发者轻松地为HTML文档设计样式，使用层叠规则可以让样式更加灵活和精准。