• 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 重要的 : 权重公式 无穷大
  • 相关阅读:
    再见OI,AFO
    时间复杂度
    NOIP真题:矩阵取数问题
    [USACO12FEB]附近的牛Nearby Cows
    合唱队
    子串
    ZJOI2010基站选址
    分治FFT学习笔记
    「HAOI2018」染色
    「SDOI2015」序列统计
  • 原文地址:https://www.cnblogs.com/woaiacfun/p/13796572.html
Copyright © 2020-2023  润新知