CSS权值

对于同一属性，在不同的地方设置了不同的CSS样式。浏览器会读取权值，择高显示。

其中，ID选择符（max=100）> 类选择符（max=10）> 标签选择符（max=1）> 继承

<span style="font-family:Arial;font-size:14px;"><span style="font-size:18px;">p{font-size:12px;}/*1*/
p span{font-size:24px;}/*1+1=2*/
p span .setSize{font-size:32px;}/*1+1+10=12*/
#setSize p span{font-size:40px;}/*100+1+1=102*/</span></span>

此外，内联样式表（标签）> 嵌入 > 外部 （后两者顺序根据其先后顺序决定，后写的先应用）

!important 加大权值

<span style="font-family:Arial;font-size:14px;">p{color:red!important;}
p.first{color:green;}</span>

该段显示为红色。

块级元素、行级元素都是盒子模型。