html
在css的标准当中，css认为所有标签都是一个规则的矩形盒子；
【盒子模型】
盒子模型主要可以用来布局，或者处理网页制作中很麻烦的距离部分的工作；
（1）别管是内边距padding还是外边距margin；都是在原有尺寸上增加；
（2）内边距和外边的用法完全相同；所以只要理解其中一个即可；如果你希望观察到内边距和
外边距的范围需要在火狐里面firebug中观察；
（3）在firebug中浅蓝色的范围表示的是实体范围=宽度和高度的范围；与它比较接近的颜色紫
色表示内边距的范围；颜色上反差很大的黄色表示外边距的范围；
（4）盒子一共有两种尺寸，1 总尺寸， 2 实体范围
（5）盒子两种尺寸的计算方法；
1.实体高度 =盒子高度+上下内边距高度+边框线上下高度；
2.总高度 = 盒子高度+上下内边距高度+上下外边距高度+边框线上下高度；
换句话说内边距也算作实体的范围；
（6）padding的4种简写形式；
1. 一个值的时候表示上下左右都是相同的距离；
2. 两个值 表示 上下 和 左右的距离；
3.三个值 表示 上 左右 下；
4.四个值 表示 按顺时针进行设置 上 右 下 左；
特点：第二个值永远是设置的左右的距离；
设置盒子模型居中的方法： margin：0 auto；
但是要注意：盒子居中的条件；1.一定要有宽度；2.必须是块级元素；其他类型无效；
外边距塌陷规则；首先外边距塌陷是一个普遍存在的浏览器现象；
外边距 只会在垂直之间产生塌陷；水平之间不受影响；
垂直之间塌陷的原则是以两方最大的外边距为准；
（水平外边距是相加；而垂直外边距取最大值；）
list-style:none; 1默认disc黑点；2 circle 空心圆； 3 square 矩形方；none表示没有；
背景图本身是不占位置不占空间的，但是如果希望背景图片有自己独立的空间，必须给元素指定一个
padding值；