DIV布局页面

div,span是唯二的本身没有任何意义的标签

div盒子分为四层

1.从外到内依次为margin，border，padding，content

2. margin，border，padding，content都有四个方向

从顶部开始顺时针依次为top，right，bottom，left

3.属性margin，border，padding的属性值一共有四种写法

（1）一个值，代表四个方向都一样

（2）两个值，第一个值代表上下，第二个值代表左右

（3）三个值，第一个值代表上，第二个值代表左右，第三个值代表下

（4）四个值，上，右，下，第四个值代表

4.背景颜色会应用到除了margin以外的所有区域

5.边能看见的三要素：边的宽度，边的颜色，边的样式

6.指定div的尺寸指定的是content的尺寸

7.body下的子标签可以用margin: 0 auto;实现居中