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的两个元素的样式被修改) 选择器的优先级:#>.>标签选择器>*