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