盒子模型

注意：盒子模型并不仅仅指的是div标签，也不仅仅是块级元素，而是可以将所有的标签都看成是盒子模型

边框（border）

盒子模型的边框，可设置宽度、类型、颜色

example：
 /* 设置宽度为1px的红色的实线边框 */
border: 1px soild #f00;

外边距（margin）

父元素或兄弟元素与边框之间的距离

设置一个值的时候

盒子四周的外边距一样

设置两个值的时候

第一个值为上下外边距，第二个值为左右外边距

设置四个值的时候

四个值依次为：上、右、下、左

内边距（padding）

盒子内容与边框之间的距离

设置值的个数及顺序与外边距（margin）一样

标准盒子模型（w3c盒子模型）

IE盒子模型（怪异盒子模型）

盒子模型


有关盒子模型的居中对齐，可参考css居中对齐的几种方式