選擇器

使用CSS控制頁面
行內樣式

 style="color:#0000FF; font-size:18px; font-weight:bold;

內嵌式
style type="text/css"
p{
color:#FF33CC;
text-decoration:underline;
font-style:italic;
font-size:28px;
}

連結式

link href="4444.css" type="text/css" rel="stylesheet"

CSS選擇器

標記選擇器

h4{
color:red;
font-size:18px;
}

類別選擇器

.special{
color:green;
}

h4.special{
color:red; /* 藍色 */
font-size:14px; /* 文字大小 */
}

ID選擇器

#one{
font-weight:bold; /* 粗體 */
}
#two{
font-size:16px; /* 字體大小 */
color:#99ff00; /* 顏色 */
}

屬性選擇器

a[title]{
text-decoration:none; /* 沒有下劃線 */
color:#333300;
}

a[title=CSS1]{
text-decoration:none; /* 沒有下劃線 */
color:#333300;
}

巢狀選擇器

p b{
color:maroon; /* 顏色 */
text-decoration:underline; /* 下劃線 */
font-size:36px; /* 文字大小 */
}

子選擇器

ul.myList > li >  a{

text-decoration:none; /* 沒有下劃線 */

color:#00ff00;

}

選擇器集體宣告

h1, h2, h3, h4, h5, p{
color:purple; /* 文字顏色 */
font-size:14px; /* 字體大小 */
}
h2.special, .special, #one{
text-decoration:underline; /* 下劃線 */
}