标准盒模型
（1）content 内容
（2）padding 内边距
1）用来调整内容(子元素)在容器（父元素）中的位置关系。
2）用来调整子元素在父元素中的位置关系。 注：padding属性需要添加在父元素上。
3）padding值是额外加在元素原有大小之上的（会撑大盒子），如想保证元素大小不变，需从元素宽或高上减掉添加。
四种属性
上方向padding-top:属性值;
右方向pahdding-right:属性值;
下方向padding-bottom:属性值;
左方向padding-left:属性值;
注意：padding值不允许是负值
简写：
四个值：上 右 下 左 {padding:10px 20px 30px 40px;}
三个值：上 左右 下 {padding:10px 20px 30px ;}
二个值：上下 左右 {padding:10px 20px ;}
一个值：四个方向 {padding:2px;}
padding区域在border与content之间；背景色和背景图像会覆盖padding和content组成的区域；
（3）border 边框
border-color 边框颜色
border-width 边框大小（粗细）
border-style 边框样式
border-style:solid/dashed/dotted/double solid:实线，dashed:虚线，dotted:点状线， double:双线，none/0(去掉边框)
四个值：上 右 下 左
三个值：上 左右 下
二个值：上下 左右
一个值： 四个方向
border-top-color/width/style 上边框颜色/大小/样式
border-right-color/width/style 右边框颜色/大小/样式
border-bottom-color/width/style 下边框颜色/大小/样式
border-left-color/width/style 左边框颜色/大小/样式
（4）margin 外边距
在元素外边的空白区域，用来表示盒子与盒子之间的距离
属性值的4种方式：
四个值：上 右 下 左 {margin:10px 2px 4px 3px ;}
三个值：上 左右 下 {margin:2px 4px 6px;}
二个值：上下 左右 {margin:2px 4px;}
一个值： 四个方向 {margin:2px;}
可单独设置某一方向填充
上方向margin-top:属性值;
右方向margin-right:属性值;
下方向margin-bottom:属性值;
左方向margin-left:属性值;
计算盒子在网页中大小：content+padding+border+margin
