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的两个元素的样式被修改)


         选择器的优先级:#>.>标签选择器>*
                








                                                                    
原文地址:https://www.cnblogs.com/czx521/p/6013353.html