盒子模型

盒子模型共四层

一、从外往内依次是margin、border、padding、content

二、margin、border、padding都有4个方向，从顶部开始顺时针依次为top、right、bottom、left

三、margin、border、padding的属性值一共有4种写法

​ 1、一个值代表4个方向都一样

​ 2、两个值1是上下2是左右

​ 3、三个值1是上2是左右3是下

​ 4、四个值上右下左

四、背景颜色会应用到除了margin外的所有区域

五、边包含三要素，宽度，颜色和样式

六、指定div的尺寸是content的尺寸

七、body的儿子 可以使用 margin:0 auto; 实现相对于浏览器水平居中