### **继承** 就像你总是指望着腰缠万贯的老爸有一天会留给你一大笔遗产一样,css中的祖先元素也会向后代传递一样东西:css属性的值. body是所有元素的老祖宗,所有标签都是它的后代,那 `body{font-family: helvetica,arival,san-serif;}` 那么,文档中的所有元素,无论是他在层次结构中多么靠下,都将继承这些样式. css中有很多属性是可以继承的,其中相当一部分都跟文本有关,比如颜色,字体,字号.然而,也有很多不能继承,比如边框,外边距,内边距. ### **层叠** 层叠就是一种样式在文档层次中逐层叠加的过程,目的是让浏览器面对某个标签特定属性值得多个来源,确定最终使用哪个值. 1. 样式来源 浏览器默认样式表 用户样式表 作者链接样式表(按照他们链接到页面的先后顺序) 作者嵌入样式 作者行内样式 2. 层叠规则  3. css属性值分类 * 文本值 * 数字值(+单位,0时可不加单位) * 颜色值 1. 颜色名 2. 十六进制颜色 如果三对值中的每一对是两个相同的数字也可省略为三位. 3. RGB颜色 RGBA 4. HSL颜色 HSLA