CSS中样式继承+优先级

继承属性和非继承属性

一、定义及分类

1、继承属性是指在父元素上设置了这些属性后，子元素会自动继承这些属性的值，除非子元素显式地设置了不同的值。

常见的继承属性:

• 字体 font 系列
• 文本text-align text-ident line-height letter-spacing
• 颜色 color
• 列表 list-style
• 可见性 visibility
• 光标 cursor

容易被误认为继承属性的非继承属性:

• 透明度 opacity
• 背景 background系列

2、非继承属性是指在父元素上设置这些属性后，子元素不会继承这些属性的值，除非子元素显式地设置了相同的属性。非继承属性的默认值为初始值（根元素的继承属性的默认值是初始值）。

常见的非继承属性:

布局相关属性:

• width :设置元素的竞度，例如width:200px;。
• height :设置元素的高度，如 height:100px;。
• margin :设置元素的外边距，例如 margin:10px;。
• padding :设置元素的内边距，如padding:5px;。
• display :设置元素的显示类型，例如display:block;。

边框相关属性：

• border :