CSS设计指南（1）

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;}