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

一、伪类

       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——伪类、定位—第六天

上一篇:phpstrom配置php debug


下一篇:模块-序列化和反序列化:json与pickle模块