css特性-层叠性,继承性,优先级

 

 1.层叠性:多种css样式的叠加

            原则:
                1.样式冲突时遵循 就近原则,哪个样式离结构近,折行哪个
                2.样式不冲突时,不会层叠
                口诀:长江后浪推前浪,前浪死在沙滩上
        
2.继承性:子标签会继承父类的某些标签,如文本颜色和字号
            注意:
                1.前档的使用继承可以简化代码,建简化css样式的复杂度
                2.子元素可以继承父元素的样式有
                    1.text-  系列
    text-indent:文本缩进

  text-align:文本水平对齐

  line-height:行高

  word-spacing:单词之间的间距

  letter-spacing:中文或者字母之间的间距

  text-transform:控制文本大小写(就是uppercase、lowercase、capitalize这三个)

  color:文本颜色    
                    2.font-  系列
    font-family:字体系列

  font-weight:字体的粗细

  font-size:字体的大小

  font-style:字体的风格   

    3、元素可见性:

      visibility:控制元素显示隐藏

    4、列表布局属性:

      list-style:列表风格,包括list-style-type、list-style-image等

    5、光标属性:

      cursor:光标显示为何种形态

                口诀:龙生龙,凤生凤,老鼠儿子会打洞
              
3.优先级(重点)
             权重计算公式
                1.继承样式或者*通配符,权重公式 0 0 0 0
                2.标签选择器  权重公式 0 0 0 1
                3.类,伪类选择器  权重公式 0 0 1 0
                4.id选择器   权重公式  0 1 0 0
                5.行内样式style = “”; 权重公式 1 0 0 0
                6.每个!important 重要的 : 权重公式 无穷大
posted @ 2020-10-11 10:58  xiaochong123  阅读(150)  评论(0编辑  收藏  举报
  //雪花飘落效果