CSS中的單位一覽

2022-05-06 09:30:08 字數 2651 閱讀 3030

相對長度單位  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...