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 重要的 : 权重公式 无穷大
  • 相关阅读:
    如何在WinPE下安装xp安装版
    好用、功能强大的JQuery弹出层插件
    设计模式-旧话重提之类工厂的使用
    How can I manage Internet Explorer Security Zones via the registry?
    设计模式行为模式Behavioral Patterns()之FlexibleService模式
    how to design a new tree view control
    在C#中通过webdav操作exchange
    Yahoo! User Interface Library (哈偶然发现了这个东西)
    设计模式[2]旧话重提之工厂模式
    const和static readonly 的区别
  • 原文地址:https://www.cnblogs.com/woaiacfun/p/13796572.html
Copyright © 2011-2022 走看看