一、伪类
1、: link{} (未访问链接的状态)
2、: hover{} (鼠标放上去的一个状态)
3、: active{} (鼠标点击上去的一个状态)
4、: visited{} (访问之后的一个链接状态)
注意:hover{} 用于所有标签,其它三个只用于 a 标签
二、定位
1、相对定位(relative)
--> 参照物:自己
--> 作用:不会改变标签类型、不会脱离标准准文档流、给绝对定位当定位父级
2、绝对定位(absolute)
--> 参照物:
- 有父级:根据定位父级(就近原则)来定位
- 没有父级:根据 body 来定位
--> 作用:改变标签类型、完全脱离文档流、多用于小标签、小图片、运动
3、固定定位( fixed)
-->参照物:可视区
--> 作用:改变标签类型(变成类似行内块)、完全脱离标准文档流、多用
注意:除了relative外,absolute和fixed必须加默认方向,即 x, y上必须写一个值(0也行)
4、定位层级(z-index)
--> 默认是0,数越大越在上面(数字可以为负)