css两大特性

CSS是网页设计中非常重要的一部分，它的两个重要特性分别是层叠性和继承性。

/* 层叠性 */
/* 当有多个CSS属性选择器影响同一个元素时，
   就需要层叠性来决定所有属性的优先级 */
p {
  color: blue; /* 属性1 */
  color: red; /* 属性2 */
}

/* 继承性 */
/* 某些CSS属性的值是从父元素继承到子元素的 */
div {
  font-size: 16px; /* 父元素的字体大小 */
}
p {
  font-size: inherit; /* 子元素继承父元素的字体大小 */ 
} 

层叠性是指当有多个CSS属性选择器影响同一个元素时，就需要层叠性来决定所有属性的优先级。例如，在上面的代码中，p元素先被设置成蓝色字体，但随后又被设置成红色字体。由于后者在代码中出现得更晚，所以最终p元素的字体颜色是红色。

而继承性则是指某些CSS属性的值是从父元素继承到子元素的。在上述代码中，div元素被设置成16px的字体大小，p元素继承了父元素的字体大小。

这两个特性是CSS常常使用的功能，可以帮助我们设计出更加灵活、高效的网页。例如，当我们需要在不同的页面中使用相同的CSS样式时，使用层叠性和继承性可以大大降低代码冗余。