样式表分类
内联:写在标签里面,优点控制精确,缺点代码重用性差,优先级最好
<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的两个元素的样式被修改)
选择器的优先级:#>.>标签选择器>*