zoukankan      html  css  js  c++  java
  • 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 重要的 : 权重公式 无穷大
  • 相关阅读:
    Vue.js中css的作用域
    vue搭建脚手架
    一对多,多对一关系映射
    java.time.format.DateTimeFormatter
    java.time.ZonedDateTime
    Akka(23): Stream:自定义流构件功能-Custom defined stream processing stages
    Akka(22): Stream:实时操控:动态管道连接-MergeHub,BroadcastHub and PartitionHub
    Akka(21): Stream:实时操控:人为中断-KillSwitch
    Akka(20): Stream:异步运算,压力缓冲-Async, batching backpressure and buffering
    Akka(19): Stream:组合数据流,组合共用-Graph modular composition
  • 原文地址:https://www.cnblogs.com/woaiacfun/p/13796572.html
Copyright © 2011-2022 走看看