要使用CSS，妳需要知道各種常用的選擇器。
1.標簽選擇器:
壹個HTML頁面由許多不同的標簽組成，CSS選擇器將聲明哪些標簽采用哪種CSS樣式。每個HTML標記的名稱可以用作相應標記選擇器的名稱。示例:
每個選擇器包含選擇器本身、屬性和值，其中可以設置多個屬性和值，以便為同壹個標記名聲明多個樣式。CSS語言對所有屬性和值都有相對嚴格的要求。如果CSS規範中不存在聲明的屬性，或者屬性的值不符合屬性的要求，則CSS語句無法生效。還有壹個通配符選擇器“*”，這意味著其中設置的樣式將應用於所有頁面元素。示例:
& lthtml & gt& lthead & gt& lttitle & gt類別選擇器
& ltstyle type =“text/CSS“& gt；
。紅色{顏色:紅色；字體大小:18px；}
。綠色{顏色:綠色；字體大小:20px}
& lt/style & gt；& lt/head & gt；
& ltbody & gt
& ltp class =“red“& gt。類別選擇器1
& ltp class =“green“& gt。類別選擇器2
& ltH3 class =“green“& gt。H3使用類
& lt/body & gt；
& lt/html & gt；
& lthtml & gt& lthead & gt& lttitle & gtID選擇器
& ltstyle type =“text/CSS“& gt；
# bold { font-weight:bold；}
# green { font-size:30px；顏色:# 009900；}
& lt/style & gt；& lt/head & gt；
& ltbody & gt
& ltp id =“bold“& gt。ID選擇器1
& ltp id =“green“& gt。ID選擇器2
& lt/body & gt；& lt/html & gt；
& lthtml & gt& lthead & gt& lttitle & gt交叉點選擇器
& ltstyle type =“text/CSS“& gt；
p {/標簽選擇器/顏色:藍色；}
p . special {/標簽。類別選擇器/顏色:紅色；}
。特殊{/類別選擇器/顏色:綠色；}
& lt/style & gt；& lt/head & gt；
& ltbody & gt
& ltp & gt普通段落……<（藍色）...
& lth3 & gt普通標題文本（黑色）...
& ltp class =“special“& gt。段落……<。指定的特殊類別（紅色）...
& ltH3 class =“special“& gt；標題文本。指定的特殊類別（綠色）...
& lt/body & gt；
& lt/html & gt；
& lthtml & gt& lthead & gt& lttitle & gt聯合選擇器
& ltstyle type =“text/CSS“& gt；
H1，h2，h3.h4.h5.p{/union選擇器/顏色:紫色；font-size:15px；}
H2.special。特殊，# one {/集體聲明/文本-裝飾:下劃線；}
& lt/style & gt；& lt/head & gt；
& ltbody & gt
& lth1》示例文本h1...
& ltH2 class =“special“& gt。H2示例文本...
& lth3 & gtH3示例文本...
& ltp & gt示例文本p1...
& ltp class =“special“& gt。示例文本p2...
& ltp id =“one“& gt。P3示例文本...
& lt/body & gt；& lt/html & gt；
& lthtml & gt& lthead & gt& lttitle & gt後代選擇器
& ltstyle type =“text/CSS“& gt；
p span {/嵌套聲明/color:red；}
span{ color:藍色；}
& lt/style & gt；& lt/head & gt；
& ltbody & gt
& ltp & gt築巢制造
& lt/body & gt；& lt/html & gt；
:懸停:已訪問:活動:壹線:第壹個字母:第壹個孩子:第n個孩子:第n個類型:第n個最後壹個孩子
:第n個類型的最後壹個