前端HTML+CSS

权重问题:数选择器的数量  id class 标签 

  如果权重一样,就以后设置的为主 

  行内权重1000 > id 100 > 类 10 > 标签 1

  如果继承来的属性一样近的话,就要数权重了

  如果权重一样,以后设置的为主

  继承来的权重为0,与选中的标签没有可比性 

  如果继承来的属性,就近原则,谁距离选中的标签越近他的权重越高

 

css选择器:

  基础选择器

    标签选择器

      选中所有 找到共性的内容,不管标签藏的有多深都可以选中的

    类选择器

      选中所有,找的有共性 class可以多个重复的类名

      <div class="box active" id="box"></div>

      p class box

      语法:.box{}

    id选择器

      选择唯一的标签,因为id是唯一的

      语法:#box{}

    通配符选择器

      选择所有

      语法:*{}

  高级选择器

    后代选择器

    子代选择器

    组合选择器

    交集选择器 

  伪类选择器 -- 爱恨准则

    设置小手状态:cursor:pointer

    没有被访问过的a的颜色

      a:link{

        color: yellow;

      }

    访问过后的颜色

    a:visited{

        color: darkmagenta;

      }

    鼠标悬浮时候的状态

    a:hover{

        color:darkgrak;

      }

    鼠标点击时候的颜色

    a:active{

      

      }

    让父盒子.box下面的自标签p设置属性

    .box:hover p{}

    

 

    display:

      inline:行内

      block:标签

      inline-block:行内块

      flex:

      none:让盒子隐藏

 

  伪元素选择器

 

 

行高 = 盒子的高度--> 让文本居中

 

有一些文本 属性能够被继承下来:color、font-*、line-height、text-align

文本水平居中:text-align:center

文本垂直居中:line-height等于盒子的height

 

 

 

 

 

 

 

 

 

 

  

posted @ 2020-07-18 21:45  tulintao  阅读(166)  评论(0编辑  收藏  举报