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不会对背景图的位置造成影响。 |