顏色

命名顏色

規範中推薦了16種命名顏色,主要包括如下:

aqua(水綠)、gray(灰)、navy(深藍)、silver(銀)、black(黑)、green(綠)、olive(橄欖)、teal(深青)、blue(藍)、lime(淺綠)、purple(紫)、white(白)、fuchsia(紫紅)、maroon(褐)、red(紅)、yellow(黃)。

RGB顏色

計算機通過組合不同級別的紅、綠、和藍色來產生新的顏色,這就是通常所説的RGB顏色。

有四種方法可以定義RGB顏色。

一、百分比顏色

rgb{100%,100%,100%}

設定百分比顏色的語法為:rgb{color},這裏color有兩種方法來指定,第一種就是用百分比,另一種用數字。

二、數字顏色

與百分比顏色相關的另一種方法是採用數字方法。數字範圍從0到255,即rgb(0,0,0)代表黑色,而rgb(255,255,255)表示白色。

三、十六進制顏色

十六進制意味着以十六為基數的計數,因此基本單位是16。如:#RRGGBB。

四、短十六進制顏色

例:H1{color: #000;}

它所表示的十六進制顏色#000000,寫成三位來表示是因為瀏覽器能夠複製它們。如:#F96即為:#FF9966。

網絡安全顏色

所謂安全顏色指所有的RGB顏色值都為20%或51的倍數的那些顏色,當然十六進制為33。0%和0也是安全值。對於十門進制對,相應的值為00、33、66、99、CC和FF。也就是説0、3、6、9、C、F都是短十六進制值的安全值。


長度單位

所有長度單位都可以通過正數或負數來表達,後面再跟上一個説明性短語。長度單位分為兩類:絕對單位和相對單位。

絕對單位

絕對單位又分為五種類型,分別是:英寸(in)、釐米(cm)、毫米(mm)、磅(pt)。

相對長度單位

EM和EX

在CSS中,一個"em"就是給定字體的font-size值,因此如果某個元素的字體尺寸為14個磅,那麼對這個元素來説,一個“em”就同14個磅一樣。換句話説,不管將字體尺寸設成什麼,它總是這個元素1em的值。對於一個18磅文本的段落來説,1em的長度就為18磅。

EX是指所使用的字體中小寫字母x的高度。所以在不同字體的24磅大小的文本段落裏,ex的值是不一樣的。

像素

在監視器上,能看見它被分成非常細小的小方格,每個小方格主濁一個像素。

綜合上述,實際應用中最常用的單位主要是em和px。

百分比值

百分比值總是通過另一個值來計算的——通常是一個長度單位。

URL

統一資源定位器。在CSS中的格式為url(pathname)。在CSS的應用主要如下:

@import url(http;//bbs.bz163.net/css/style.css);

body{background-image:url(images/logo.gif);}

在聲時URL時,大括弧之間不能有空格。

CSS2中的長度單位

角度值

用於定義發出聲音的位置。有三種類型的角度:度(deg)、梯度(grad)和孤度(rad)。例如一個直解就是90 dag,100grad或1.57rad;每種值都可以翻譯成0度到360度中的值。

時間值

用於指明語音元素間的延遲,可以是毫秒(ms)或秒(s)。100ms和0.1s等價。時間值不能為負。

頻率值

用於指定語音瀏覽器能夠產生聲音的頻率。頻率值可以是赫茲(Hz)和兆赫(mHz),不能為負,區分大小寫。