css單位和值

標籤：相對   元組   行業   strong   針對   分數   電子   標準   原理   

    css需要單位來度量。內含整數、小數、百分數的情況，很多條件下支援正負的情況，當然是有限制的了。百分數基本是相對於自身、或是父或是祖先元素的某個屬性值。

顏色   

     顏色的表示分為:命名顏色、rgb、十六進位、hsl。css2有16中顏色，css2.1有17種，css3有140種。這140種色基於x11 rgbb標準值，支援較好，但問題是還是不夠細膩。

     rgb:以前的顯示器基於crt的方式，依靠電子槍的能量來控制顏色。發光原理不同於一般的靠反射波長達人的眼睛，而是直接發光到眼睛，所以rgb（0,0,0）是黑色，rgb（255,255,255）是白色。基本分為：整數三元組、百分數三元組。整數範圍是0~255，百分數為）-100%且支援小數。問題是，若發生了越界的情況時會將其裁剪為最近的值。如：266變為255，-23換算為0。百分數與整數的轉化是靠百分數乘以255然後轉化為最接近的整數。

    十六進位:該方式是對rgb整數的轉化，與整數方式沒有什麼區別.將各位轉化為對應的十六進位數就行.

    web安全色：256色顯示系統為了防止顏色抖動而採取的特定顏色。百分數為：0%、或是20%的倍數，整數是0，或是51的倍數。十六進位是：00 33 66 99 cc ff的組合方式。

長度

    長度單位是:絕對長度單位和相對長度單位。絕對長度單位多與印刷列印行業有關，含：in mm cm pt（1/72 in） pc(1/6 in)等。

    相對長度單位:em、ex、px。與解析度等有關，也與元素有關係。em相對於某元素的font-size來定，可能是本身，可能是父元素。ex是字型的小寫x高度，通常是0.5em。 px與解析度有關係。

url

   只需注意,相對url是針對自身文檔的，而非html的位置。當然相對url要求同域。

關鍵字

         主要是inherit可以顯示的指定繼承的值。

 

css單位和值