2021-05-17

定位：
分类：
相对定位：relative
特点：1.相对自己定位
2.相对定位占空间（保留原来的位置，遵循正常文档流
绝对定位：absolute，脱离文档流，不占空间
特点：
1.相对于最近的父标签定位。
A：如果父标签有定位（除了静态定位），那么相对最近的父标签定位
B：如何父标签无定位，那么相对于浏览器定位
2.不占空间，不遵循正常的文档流（脱离文档流）
推荐使用：子绝父相（子元素绝对定位，父元素相对定位）
3.固定定位：fixed
特点：1.相对浏览器定位
2.不占空间，脱离文档流

4.黏性定位：sticky
介于相对定位与固定定位之间的定位

5.静态定位：static
清除定位

6.unset-----介于inherit和initial之间的属性值
表示：属性可以继承，属性值可以继承，属性不能继承，属性值不能继承

边偏移量：（必须结合定位才起做用）
left
right
top
bottom

透明度：
opacity：设置盒子透明（包含里面所有的内容）
取值：0-1 0：完全透明 1：完全不透明

兼容ie低版本：
filter：alpha（opacity=0-100）
背景颜色透明：background：rgba(0-255,0-255,0-255,0-1)