1.为文档添加样式的三种方法
(1)嵌入样式<style>p{color:red;}</style>
(2)行内样式<p style="color:blue">this is a <em>emphasis</em></p>
(3)连接样式:写在单独的CSS样式表中
截图:
2.上下文选择符:
格式:标签1 标签2{声明},严格说上下文选择符叫后代组合式选择符,只有标签1后代的标签2元素才后应用后面的样式
<style>
section p{color:red;font-weight:bold;}
em{color:green;}
</style>
3.ID和类选择符
(1)类选择符:.类名
<h1 class="headtext">html标记</h1>
添加css样式.headtext {font-style:italic;}
标签带类选择符:标签名.类名
<p class="headtext">this is a <em>emphasis</em></p>
添加css样式:p.headtext {font-style:italic;}
多类选择符:.类1.类2
(2)ID属性
一个段落设置了这样的ID属性:<p id="textid">this is a ID test</p>
ID选择符:#textid {color:red;}
和类选择符几乎一样
区别:
ID在网页中唯一标示一个元素,具有唯一性;类标示一组具有相同特征的元素
4.属性名选择符:标签名[属性名]
一个img设置了这样的属性:<img src="images/cisco.jpg" title="dog" alt="dog"/>
添加css样式:img[title]{border:2px solid blue;}