CSS简介

3.其他
3.1元素所占的空间
页面中的元素实际所占空间：
宽=width+左右padding+左右border+左右margin
高=height+上下padding+上下border+上下margin
3.2盒子模型的默认值
不同标签的盒子属性默认值可能不同，需要自己设置

3.3 外边距的合并
也称为外边距的折叠，指的是两个块级元素垂直外边框相遇时，它们将合并为一个外边距，合并后的外边
距值为其中的较大的那个外边距的值
两种情况：
当一个元素出现在另一个元素上面时，第一个元素的下外边距与第二个元素的上外边距会发生合并
当一个元素包含在另一个元素中时，并且没有 内边距 或 边框 把外边距分隔开时，两个元素的上外
边距会发生合并
外边距合并的好处，让排版在视觉上显得更加美观

六、定位方式
1、简介
通过position属性实现对元素的定位，有四种定位方式：
常用取值：

设置定位方式后，还需要设置定位属性（偏移量）：top、bottom、left、right
2、相对定位
先设置元素的position属性为relative，然后再设置偏移量
3、绝对定位
先设置父标签为非static定位，然后设置元素的position属性为absolute，最后设置偏移量
注意事项：
一般来说都会把父标签设置为非static定位
如果父标签不是非static定位，则会相对于浏览器窗口进行定位
设置元素为绝对定位后，元素会浮在页面的上方
4、固定定位
先设置元素的position属性为fixed，然后再设置偏移量
设置元素为固定定位后，元素会浮在页面的上方
5、z-index
设置元素定位方式后，元素浮在页面上方，此时可以通过修改z-index属性设置优先级，控制元素的堆叠顺
序
取值为数字，值越大优先级越高，默认为auto(大多数浏览器默认为0)
注意：只能给非static定位的元素设置z-index属性