跟HTML一樣，為了代碼方便理解、方便查找或者方便以後你對自己代碼進行修改，我們經常要在CSS中一些關鍵代碼旁做一下注釋。
語法：
/*注釋的內容*/
說明：
“/*”表示注釋的開始，“*/”表示注釋的結束。
在這裡需要注意一下HTML注釋和CSS注釋方式的不同，大家不要搞混了。對於HTML注釋，大家可以回去查看對比一下。
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS注釋</title>
<style type="text/css">
/*使用元素選擇器，定義所有p元素屬性*/
p
{
font-family:微軟雅黑; /*字體類型為微軟雅黑*/
font-size:15px; /*字體大小為14px*/
color: #E17508; /*字體顏色為#E17508*/
font-weight:bold; /*字體粗細為bold*/
}
/*使用id選擇器，定義個別樣式*/
#p2
{
color:red; /*字體顏色為red*/
}
</style>
</head>
<body>
<p id="p1">HTML控制網頁的結構</p>
<p id="p2">CSS控制網頁的外觀</p>
<p id="p3">JavaScript控制網頁的行為</p>
</body>
</html>
在浏覽器預覽效果如下：
分析：
這個例子使用的CSS選擇器是“元素選擇器”和“id選擇器”，元素選擇器能把所有同類的元素選中並進行CSS樣式的設置，id選擇器能針對某一個元素進行CSS樣式設置。
在這裡，我們又給大家穿插了一個小技巧。浏覽器解釋CSS是有一定順序的，如果對某一個元素先後都定義了同一個屬性，在浏覽器中以“後定義的那個屬性值”為准。例如上面例子就是這樣，id為p2的p元素在元素選擇器已經定義了一次“color: #E17508;”，在id選擇器又定義了一次“color: red;”，因此“後定義的color值”就會覆蓋“前定義的color值”，浏覽器顯示的效果就是紅色了。
在 學習網的教程中，對於有些難獨立成章節的小技巧，我們會穿插到各個章節中去，很多都是在別的教程沒辦法學到的，或者說在別的教程沒有那麼多。大家別忘了平常要積累一下喔。