如何給html添加樣式。兩種方法：
一、新建立一個css樣式表，與原html同目錄，然后通過link標簽鏈接。如：<link type="text/css" rel="stylesheet" href="lounge.css">（link標簽是一個void元素，無結束標簽。）
二、直接在html源碼中使用style標簽。如：<style>樣式</style>，style標簽嵌入head中。
html中插入style，則會涉及到五種樣式選擇器。
1、元素選擇器,給某一元素添加樣式
如下:p元素與h1元素內的文本應用大括號內的樣式
<style>
p,h1{color:grey;
background-color:red;
font-family:sans-serif;}
</style>
2、類選擇器，class屬性
在 <style> 標簽中創建一個名為 blue-text 的CSS類,然后將類應用於HTML元素。
如：
<style>
.blue-text{color:black;}
</style>
<p class="blue-text">
注意，在CSS樣式元素中，類選擇器應該添加.為前綴。而在HTML元素的類聲明中，類屬性不能添加.為前綴。
類選擇器不一定只針對某一標簽，只要元素應用了class標簽，則就使用此css類。
3、id屬性設置樣式
與class類似，為元素定義一個id，給id創建一個聲明。例：
<p id="important"></p>
<style>
#important{color:black;}
</style>
注意：與class不同的是，在css樣式元素中，應添加#為前綴，html中沒有前綴。一個id對應一個css屬性。
4、屬性選擇器，選擇某個元素應用樣式
如：*[title]{color:red;}
所有包含title屬性的元素都可應用以上樣式。
5、后代選擇器又稱為包含選擇器。后代選擇器可以選擇作為某元素后代的元素。
根據上下文選擇元素
可以定義后代選擇器來創建一些規則，使這些規則在某些文檔結構中起作用，而在另外一些結構中不起作用。
舉例來說，如果希望只對 h1 元素中的 em 元素應用樣式，可以這樣寫：
h1 em {color:red;}
上面這個規則會把作為 h1 元素后代的 em 元素的文本變為 紅色。其他 em 文本（如段落或塊引用中的 em）則不會被這個規則選中：
<h1>This is a <em>important</em> heading</h1> <p>This is a <em>important</em> paragraph.</p>
再比如說：一個div元素中 要對其中一個元素進行樣式改變，比如h2，因為在前面有一個類已經定義了所有h1.h2的樣式，而h2又有一部分留在div中，
所以不允許直接對上面的class類中的h1和h2進行樣式改變。因而可以使用后代選擇器：div h2{}
附：p>em{color；red；}表示緊挨着p的em元素使用此樣式。
p+em{}與p元素緊鄰的em元素使用此樣式。
h1+p{}h1后面緊鄰的p應用此樣式。