正文

樣式表組成(20)

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


2. 十六進(jìn)制顏色 

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

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

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

div {

color: #000000;

background-color: #FF0000;

border: thin solid #FFA500;

}

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

3. 簡(jiǎn)寫(xiě)十六進(jìn)制和Web安全色 

當(dāng)十六進(jìn)制值由3對(duì)重復(fù)的值組成時(shí),就可以采用簡(jiǎn)寫(xiě)表示法,使用一個(gè)值來(lái)表示一對(duì)值。例如,表示白色的十六進(jìn)制值是#FFFFFF,其中包含3對(duì)FF,所以可以簡(jiǎn)寫(xiě)為#FFF。

div {

background-color: #FAB;

}

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

4. RGB顏色 

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

body {

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

}

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

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

body {

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

}

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


上一章目錄下一章

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