css盒模型及padding介绍

1.盒模型

盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间。即都包含内容区、补白（填充）、边框、边界(外边距)这就是盒模型。

2.PADDING

padding用法:
	1:padding是在盒子里面，在盒子与内容之间。
	2：padding的作用：控制子元素在父元素里面的位置关系。
	3：padding会把盒子撑大。
	4：如果想让盒子保持原有的大小：在宽高基础上减掉。（ 如果一个元素是被内容撑开的，没有设置固定的宽高，padding直接撑开。不用减掉 ）
	5:如果给单一方向添加padding
	padding-top/bottom/left/right
	6:padding的设置特点：
	padding:30px; 四周
	padding:10px 30px; 上下 左右
	padding:10px 30px 50px 上 左右 下
	padding:10px 30px 50px 100px 上右下左
	7:padding不会对背景图的位置造成影响。