正文

樣式表組成(20)

CSS入門經(jīng)典(第3版) 作者:(美)Ian Pouncey


2. 十六進制顏色 

十六進制是一種數(shù)制,以16個字符作為基數(shù),用字母和數(shù)字的組合來表示。十六進制系統(tǒng)使用0~9表示前10個數(shù)字,用字母A~F表示后6個數(shù)字。字母A表示數(shù)字10,B表示11,C表示12,直到15,由F表示。因此,十六進制中的10相當(dāng)于十進制中的16,十六進制中的FFF相當(dāng)于十進制中的255。

十六進制值是表示RGB值的另一種方法。例如,#FFFFFF表示白色,用RGB表示就是255,255,255。

在CSS中,十六進制和RGB或顏色關(guān)鍵字一樣獲得支持,如下例所示: 

div {

color: #000000;

background-color: #FF0000;

border: thin solid #FFA500;

}

#000000是以十六進制表示的黑色,與RGB(0,0,0)或顏色關(guān)鍵字black表示的顏色一樣。#FF0000是以十六進制表示的紅色,在RGB中為255,0,0,顏色關(guān)鍵字就是red。最后,#FFA500是以十六進制表示的橙色,在RGB中為255,165,0,其顏色關(guān)鍵字是orange。 

3. 簡寫十六進制和Web安全色 

當(dāng)十六進制值由3對重復(fù)的值組成時,就可以采用簡寫表示法,使用一個值來表示一對值。例如,表示白色的十六進制值是#FFFFFF,其中包含3對FF,所以可以簡寫為#FFF。

div {

background-color: #FAB;

}

在本例中,#FAB等效于#FFAABB,表示粉紅色。

4. RGB顏色 

RGB表示紅(Red)、綠(Green)、藍(Blue)這3種顏色,它們是計算機顯示器顯示像素顏色時所使用的基本顏色。當(dāng)對這3種顏色進行不同組合時,就能夠創(chuàng)造出彩虹中的任何一種顏色。事實上,許多計算機顯示器能夠顯示上千萬種顏色,具體來說是16 777 216種顏色。CSS的RGB顏色用一種特殊的三數(shù)字語法來指定顏色,每個數(shù)字代表一個顏色通道。第一個數(shù)字是紅色,第二個數(shù)字是綠色,第三個數(shù)字是藍色。 

body {

background-color: rgb(128, 128, 128);

}

上例會生成與CSS顏色關(guān)鍵字gray一樣的顏色。3個通道使用相同數(shù)值會形成不同的灰色,3個數(shù)值為0、0、0時是黑色,為255、255、255時是白色。 

也可以使用百分比表示RGB值:

body {

background-color: rgb(50%, 50%, 50%);

}

這樣也會得到與CSS顏色關(guān)鍵字gray相同的顏色。


上一章目錄下一章

Copyright ? 讀書網(wǎng) ranfinancial.com 2005-2020, All Rights Reserved.
鄂ICP備15019699號 鄂公網(wǎng)安備 42010302001612號