相對長度單位 relative length units
em
說明:相對長度單位。相對於當前物件內文字的字型尺寸。
如當前行內文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。
示例:div
ex
說明:相對長度單位。相對於字元「x」的高度。此高度通常為字型尺寸的一半。
如當前對行內文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。
示例:div
px
說明:相對長度單位。畫素(pixel)。
畫素是相對於顯示器螢幕解析度而言的。譬如,wondows的使用者所使用的解析度一般是96畫素/英吋。而mac的使用者所使用的解析度一般是72畫素/英吋。
示例:div
絕對長度單位 absolute length units
pt
說明:絕對長度單位。點(point)。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例:div
pc
說明:絕對長度單位。派卡(pica)。相當於我國新四號鉛字的尺寸。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例:div
in
說明:絕對長度單位。英吋(inch)。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例:div
cm
說明:絕對長度單位。厘公尺(centimeter)。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例:div
mm
說明:
絕對長度單位。公釐(millimeter)。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例:div
顏色單位 color units reference
#rrggbb
引數:
rr : 紅色值。十六進製制正整數
gg : 綠色值。十六進製制正整數
bb : 藍色值。十六進製制正整數
說明:顏色單位。
以上三個引數,取值範圍為:00 - ff。
引數必須是兩位數。對於只有一位的,應在前面補零。
如果每個引數各自在兩位上的數字都相同,那麼本單位也可縮寫為 #rgb 的方式。例如:#ff8800 可以縮寫為 #f80。
請參閱 附錄:顏色表 。
示例:div
div
rgb(r,g,b)
引數:r : 紅色值。正整數 | 百分數
g : 綠色值。正整數 | 百分數
b : 藍色值。正整數 | 百分數
說明:顏色單位。
以上三個引數,正整數值的取值範圍為:0 - 255。百分數值的取值範圍為:0.0% - 100.0%。超出範圍的數值將被截至其最接近的取值極限。
並非所有瀏覽器都支援使用百分數值。
請參閱 附錄:顏色表 。
示例:div
div
color name
說明:顏色單位。顏色名稱。不同的瀏覽器會有不同的預定義顏色名稱。請檢視 附錄:顏色表 。
示例:div
時間單位 time units reference
s
說明:時間單位。秒。時間的國際主單位。
1s = 1000 ms
示例:div
div
ms
說明:時間單位。微秒。
1s = 1000 ms
示例:div
div
角度單位 angle units reference
deg
說明:
角度單位。度。乙個圓圈的360等分之一。
示例:body
body
grad
說明:
角度單位。梯度。乙個直角的100等分之一。乙個圓圈相當於400grad。
示例:body
body
rad
說明:
角度單位。弧度。把乙個圓圈分成2*pi單位。
示例:body
body
頻率單位 frequency units reference
khz
說明:
頻率單位。千赫。聲波的基本單位。
1khz = 1000 hz
示例:strong
hz
說明:
頻率單位。赫茲。聲波的基本單位。
1khz = 1000 hz
示例:strong
CSS轉換濾鏡一覽
css提供了許多功能強大的濾鏡,給我們提供了非常便利的條件。其 分為介面濾鏡 procedural su ces 靜態濾鏡 static filters 和轉換濾鏡 transitions 大夥先熟悉一下轉換濾鏡,其它兩個過些日子再說,呵呵 注 除了revealtrans和blendtrans外,其...
CSS選擇器一覽
css選擇器一覽 在 css 中,選擇器是一種模式,用於選擇需要新增樣式的元素。css 列指示該屬性是在哪個 css 版本中定義的。css1 css2 還是 css3。選擇器例子 例子描述 css.class intro 選擇 class intro 的所有元素。1 id firstname 選擇 ...
CSS游標屬性一覽表
lspan 2 游標型別 css 把你的游標放到相應文字上檢視效果 要注意游標的實際效果依賴於使用者的系統設定,與你在這裡看到的效果並不一定一致。十字準心cursor crosshair 手cursor pointer cursor hand 寫兩個是為了照顧ie5,它只認hand。等待 沙漏cur...