CSS——伪类、定位—第六天

标签：原则   visit   hover   必须   自己   over   没有   site   默认   

一、伪类

       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，数越大越在上面（数字可以为负）

CSS——伪类、定位—第六天

标签：原则   visit   hover   必须   自己   over   没有   site   默认   

原文地址：https://www.cnblogs.com/xinyuan-yuanxu/p/14656263.html