CSS2.1是使用最广泛的版本

常见盒模型:div、span、a

盒模型组成：

• Margin(外边距) ：清除边框外的区域，外边距是透明的（可以为负值）。

• Border(边框) ：围绕在内边距和内容外的边框。

• Padding(内边距) ：清除内容周围的区域，内边距是透明的（不允许负值）。

• Content(内容) ：盒子的内容，显示文本和图像。

盒模型分为：

• 标准盒模型(W3C盒模型)→content box

• IE盒模型(怪异盒模型)→border box

content box 与 border box 区别：

• content box→width【height】= 设置的content的宽【高】

• border box→width【height】= 设置的content的宽【高】 + padding + border

border box 更好用

设置方法：

Box-sizing:context-box

Box-sizing:border-box