2019-04-13
21:35:31
一、盒模型
盒模型是CSS布局的基石，它规定了网页元素如歌显示以及元素间相互关系。CSS定义所有元素都拥有像盒子一样的外形和平面空间即包含内容区、补白，边框、外边距。
标准和模型
（一）padding用法：
1.padding是添加在父元素盒子上的
2.padding调整子元素在父元素里面的位置关系
3.padding会把盒子撑大。
4.想让盒子保持原有的大小，在宽高的基础上那个减掉padding的值
5.单一一个方向添加padding的值：
padding-top||bottom||left||right
6.padding设置的方法：
padding：10px 四周
padding：10px 20px上下和左右
padding：10px 20px 30px 上 左右 下
padding：10px 20px 30px 40px上右下左
7.padding不会对背景图造成印象
8.padding的值不能为负值
（二）margin的用法：
1.控制的是盒子与盒子之间的关系
2.margin长在盒子的外围的，不会对盒子本身的大小造成影响
3.给单一一个方向添加margin的值：margin-left|right|top|bottom
4. margin设置的方法：
margin：10px 四周
margin：10px 20px上下和左右
margin：10px 20px 30px 上 左右 下
margin：10px 20px 30px 40px上右下左
5.margin支持负值
6.让子元素在父元素里面左右居中：margin:0 auto