盒子模型

•     在网页中，所有的内容，比如一个段落,一个div等等都可以看做是一个盒子。一个网页就是由很多个盒子相互嵌套，或相互排列或者上下排列而组成的，如何在css中定义盒子？

最中间的白色部分称为内容-content,输入一些文字或段落都可以在这里出现，黑色部分就是边框，边框由上右下左四个方向组成，属性值根据需要自己设定，在内容与边框之间就是内边距，内边距同样也是由四个组成，分别是上、右、下、左内边距。同理外边距也是由四个方向组成。

      在css中我们还有一个属性就是：宽度和高度，通过宽度和高度也可以指定一个盒子的大小，他指的是内容的宽度和高度。

• 属性值的简写形式：

     按照规定的顺序，给出2个，3个，4个属性值，他的含义将有所区别：

1. 如果给出2个属性值，前者表示上下边框的属性，后者表示左右边框的属性。paddng:15px 25ox;
2. 如果给出3个属性值。前者表示上边框的属性，中间表示左右的边框属性，后者表示下边框属性。
3. 如果给出4个属性值，一次表示上 右 下 左边框属性，即顺时针顺序。