CSS继承-层叠-元素类型

一、css的属性继承

如果一个属性具备继承性，那么在该元素上设置后，它的后代元素都可以继承这个属性，如果后代元素自己有设置该属性，那么优先使用后代元素自己的属性（不管继承过来的属性权重多高）

常见的具有继承性的属性有：color、font-size、font-family、font-weight、line-heigth、text-align等等。

注意：计算过来的是计算值，而非设置值（如：父级2em继承浏览器的16px，父级则为32px；子级不设置依然是32px而不是继承的2em（父级32，子级并不是继承2em所得的64）

对于非继承的属性，是可以强制继承的inherit(如：border:inherit)

二、css的层叠

对于一个元素来说，相同的一个属性我们可以通过不同的选择器给它进行多次设置，属性会被一层层覆盖上去，但是最终只有一个会生效。

生效的规则是：权重对比->然后顺序对比

!important:10000;内联样式：1000；id:100;类、属性、伪类：10；元素、伪元素：1；通配符：0.

三、元素类型：块级(独占一行）、行内（包裹内容）、行内块级（它们的宽度默认是auto）

块级一般可包含其它元素（注意：p不要包含其它块级元素如div),行内不要包含块级

常见的行内块级元素

html常见行内块状级元素有：

1、“<button>”，定义按钮；

2、“<input>”，定义输入字段；

3、“<textarea>”；

4、“<select>”；

5、“<img>”；

6、“<td>”；

7、“<th>”；

8、“<object>”等。