盒模型 | CSS权重 | CSS层叠

盒模型

包含：margin border padding content(内容)

padding(内边距)

border(边框属性)

margin(外边距，外补丁)

margin-top解决办法（三种）

补充说明

盒模型尺寸

盒子的实际大小（公式）

    宽：左右margin+左右border+左右padding+width
    高：上下margin+上下border+上下padding+height

CSS权重

    类型选择符的权重为：0001
    类(CLASS)选择符的权重为：0010
    ID选择符的权重为：0100
    子选择符（E>F）的权重为：0000
    属性选择符的权重为：0010
    伪类选择符的权重为：0010
    伪元素选择符的权重为：0001
    包含选择符的权重为：包含的选择符权重值之和
    内联样式的权重为：1000
    继承的样式的权重为：0000 

CSS层叠