盒子模型

块级元素和行级元素都是盒子模型。

1.盒子模型=网页布局的基石

由4部分组成：边框（border）、外边距（margin）、内边距、（padding）、盒子中的内容（content）。

2. 边框（border）、外边距（margin）、内边距、（padding）是盒子模型的属性，

有四个方向，可以设定属性值。 顺时针方向设置，为上、右、下、左

3.三个值的属性为： a为上、 b为左右、c为下。

两个值的属性为： a为上下、b为左右。

一个值的属性为： a为上下左右。

4.优先级，就近原则， 行内样式>内部样式> 外部样式

5.边框三个属性：边框的粗细、样式、颜色、每一个属性值都要有一个空格来个开，空格必须在英文输入法状态下输入才可以，三个属性缺一不可。

6.盒子模型的三维模式的包裹层与ps的模型一样，分为五层：

border为第一层、

content+padding为第二层、

background-image为第三层、

background-color为第四层、

margin为第五层。

7.盒子模型尺寸=边框+外边距+内边距+盒子中的内容尺寸