2.2 選擇器
在CSS中，選擇器是選擇應(yīng)用一條CSS規(guī)則的一個(gè)或多個(gè)HTML元素。簡(jiǎn)單地說(shuō)，選擇器告訴瀏覽器樣式化哪些內(nèi)容。前一節(jié)中介紹的簡(jiǎn)單的選擇器稱為類型選擇器，它僅僅引用一種HTML元素，并樣式化所有匹配這個(gè)選擇器的元素。例如，一個(gè)p類型選擇器會(huì)對(duì)所有的p元素應(yīng)用樣式。
從示例規(guī)則中可以看到，樣式表中的body并沒(méi)有使用左右尖括號(hào)(<>)，樣式化任何元素的時(shí)候都是如此，只要把body替換為想要樣式化的元素即可。該規(guī)則可以將width、margin、background、color及font等CSS屬性應(yīng)用于<body>元素。后面的章節(jié)將詳細(xì)介紹這些屬性，不過(guò)通過(guò)它們的名稱您可能已經(jīng)猜出了相應(yīng)的用途。
分組選擇器
當(dāng)多個(gè)選擇器出現(xiàn)在同一條規(guī)則中時(shí)，它們就被分組到一起。通過(guò)在每個(gè)選擇器之后使用逗號(hào)，可以將多個(gè)選擇器組合到一條規(guī)則中，這樣一條規(guī)則就可以同時(shí)應(yīng)用于多個(gè)選擇器，如下面的代碼所示：
th,
td {
padding: 0 10px 0 0;
text-align: left;
}
分組選擇器的目的是避免為每個(gè)選擇器重復(fù)編寫同樣的聲明。如果兩個(gè)或更多選擇器的全部或大部分聲明相同，那么可以考慮進(jìn)行分組。
為可讀性起見(jiàn)，建議將每個(gè)選擇器放到單獨(dú)的行中。
2.3 聲明
聲明部分包含在花括號(hào)中，從而與選擇器分離。在前面顯示的規(guī)則中，body下面花括號(hào)({和})中的每一行都是一個(gè)單獨(dú)的聲明。聲明中包含屬性名稱和一個(gè)冒號(hào)，而且取決于具體的屬性，可能還包含一個(gè)或多個(gè)值。
冒號(hào)用于將屬性和屬性值分離，冒號(hào)之前顯示的是屬性。在示例選擇器(參見(jiàn)2.1節(jié))中，width是一個(gè)屬性，650px是它的值。聲明總是以分號(hào)結(jié)束。
2.4 屬性值
雖然某些屬性的值非常簡(jiǎn)單，例如后面將看到的z-index屬性的值只是一個(gè)數(shù)字，但是就允許屬性值采用的類型而言，CSS可能會(huì)變得相當(dāng)復(fù)雜。前面只看到了CSS中的屬性值可以采用的一小部分類型。本節(jié)將詳細(xì)地介紹CSS中可用的各種不同的屬性值類型，首先介紹關(guān)鍵字值。
2.4.1 關(guān)鍵字
關(guān)鍵字值是一個(gè)命名的值。例如，red、green和blue都是CSS關(guān)鍵字。顏色關(guān)鍵字可以用于任何接受顏色值的屬性。
下面代碼中的關(guān)鍵字是bold和left。bold和font-weight屬性一起使用時(shí)可以告訴瀏覽器如何呈現(xiàn)caption元素的文本，left和text-align屬性一起使用時(shí)可以告訴瀏覽器如何對(duì)齊文本。
caption {
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
text-align: left;
}
CSS中使用了多種關(guān)鍵字類型，而且根據(jù)對(duì)哪個(gè)屬性或元素應(yīng)用關(guān)鍵字，有時(shí)候單個(gè)關(guān)鍵字可以應(yīng)用不同的樣式。例如，CSS使用auto關(guān)鍵字應(yīng)用一些默認(rèn)樣式和行為，雖然在下面的兩個(gè)示例中它的含義是相同的，但是產(chǎn)生的效果卻不同。在下面的“試一試”中練習(xí)使用auto關(guān)鍵字。
鄂公網(wǎng)安備 42010302001612號(hào)