zoukankan      html  css  js  c++  java
  • 1030(下)

    样式表分类 
        内联:写在标签里面,优点控制精确,缺点代码重用性差,优先级最好
            <div style="color:颜色;>  (样式后面加;    ;后面可以继续加样式)
        内嵌:写在页面的head里面,优点代码重用性好,但不如内联控制准确,优先级次于内联
            <style type="text/css">
            </style>
        外部:单独的CSS样式文件,代码重用性最好,控制不如内联准确,优先级次于内联
            导入CSS样式:右键--CSS样式--附加样式表,然后浏览选取需要的文件
            
    内嵌样式表的使用方法
        *代表选取所有元素
            *{color:颜色}
          
        标签选择器(span)
            span{color:颜色}
        
      .代表class选择器   
    <div class="a1"></div>

       .a1{color:颜色}

       #代表id选择器
          <div id="b1"></div>
    
           #b1{color:颜色}
            
        复合选择器(,)(空格)(.)
            ,: div,span{color:}      用逗号分开两个标签
    
        空格:<ul>
                     <li>啦啦啦</li>
                     <li>啦啦啦</li>
                     <li>啦啦啦</li>
             </ul>
             空格可以选择标签下的子标签来修改样式
            ul li{color:颜色}
            
        .: <span class="b55">11111</span>
            <span class="b55">22222</span>
            <span class="a11">33333</span>
            <span class="a11">44444</span>
            <span class="a22">55555</span>
        点复合筛选可以从上述元素中选取class值相同的修改样式
            span.b55{color:颜色} (代表class值为b55的两个元素的样式被修改)
    
    
             选择器的优先级:#>.>标签选择器>*
                    
    
    
    
    
    
    
    
    
                                                                        
  • 相关阅读:
    mysql性能分析工具
    vim使用大全
    Vue computed属性
    模板题 + KMP + 求最小循环节 --- HDU 3746 Cyclic Nacklace
    Greedy --- HNU 13320 Please, go first
    DFS --- HNU 13307 Galaxy collision
    HNU 13308 Help cupid
    Linux
    dp
    2015 Multi-University Training Contest 2 1006 Friends
  • 原文地址:https://www.cnblogs.com/czx521/p/6013353.html
Copyright © 2011-2022 走看看