在网页设计的时候，每个元素都是一个矩形的块，类似于盒子的形状，所以就有了盒子模型的概念。

盒子模型中的主要参数：

内容、内边距（上内边距、下内边距、左内边距、右内边距）、边框（上边框、下边框、左边框、右边框）、外边距（上外边距、下外边距、左外边距、右外边距）。

 如下图：

注意：

1.默认盒子的宽度和高度指的是内容的宽度和高度（怪异模式除外）。

2.以外边距margin为例，具体设置注意如下（内边距等其他以此类推）：

margin: 10px 10px 10px 10px;/*设置的是 上、右、下、左、 的外边距都为10px（顺时针）*/
margin: 10px 10px 10px;/*设置的是 上、左右、下、 的外边距都为10px*/
margin: 10px 10px;/*设置的是 上下、左右 的外边距都为10px*/
margin: 10px;/*设置的是 所有 外边距都为10px*/

 3.将盒子水平居中可以：1.先为盒子设置一个宽度。2.再为其设置margin: 0 auto;属性。