# 四、css属性-定位
1、定位,是页面中修改元素位置的一种方式
- 某些定位会脱离文档流
2、定位属性:position
- 相对定位:elative
- 不会脱离文档流
- 相对元素的初始位置
- 绝对定位:absolut
- 会脱离文档流
<!-- - 默认情况下,相对页面的可视区域根元素的初始位置 -->
<!-- - 如果父元素具有定位,相对于父元素 -->
- 相对于距离最近的一个具有定位元素的父级,如果没有这样的父元素,相对于根元素
- 固定定位:fixed
- 脱离文档流
- 相对于浏览器的可视区域
- 页面滚动时,固定定位的元素不会跟跟随
- 默认定位:static
- 粘性定位()弹性定位:sticky
- 不会脱离文档流
- 元素没有到达浏览器顶部时,跟随浏览器滚动,到达浏览器顶部时不再跟随页面滚动
3、设置属性:数值+单位
- 表示当前元素的某个方向距离参考位置的对应方向之间的距离
- left:
- right:
- top:
- bottom:
- 如非特殊需要,一个轴,不要同时控制两个方向
-
4、包含快:一个具有定位元素的父级
5、定位之后的层级控制:z-index
- 值为数值,越大越靠上,默认值为0,可以设置为负负数
- 层叠相同时,后写的元素靠上
- 没有定位的元素层级都为0.
6.定位元素的居中--水平垂直
- 方法一:
- left:50%,margin-left:当前元素宽度的负一半
- top:50%,margin-top:当前元素高度的负一半-
方法2:
- left
# 五.锚点链接
1.单页跳转,页内跳转
2.使用a标签的跳转功能,跳转到指定的id对应的元素
# 六.css\属性---透明
1.正常浏览器:opacity:0~1 元素透明,包括所有子元素和内容
2.IE浏览器:filter:alpha(opacity=0~100) 元素透明,包括所有子元素和内容
3.颜色值的表示方式:rgba(255,255,255,0.5) 只有颜色透明,不影响子元素和其他内容