开发学院网页设计 DivCss CSS中的单位一览包括宽度尺寸单位颜色单位角度... 阅读

CSS中的单位一览包括宽度尺寸单位颜色单位角度单位频率单位

　2007-12-24 22:58:01　来源：WEB开发网　闂傚倸鍊搁崐鎼佸磹妞嬪孩顐芥慨姗嗗厳缂傛氨鎲稿鍫罕闂備礁婀遍搹搴ㄥ窗閺嶎偆涓嶆い鏍仦閻撱儵鏌ｉ弴鐐测偓鍦偓姘炬嫹

闂傚倸鍊搁崐鎼佸磹妞嬪海鐭嗗〒姘ｅ亾妤犵偛顦甸弫鎾绘偐閹绘帞鈧參姊哄Ч鍥х仼闁诲繑鑹鹃悾鐑藉蓟閵夛妇鍘甸梺瑙勵問閸犳牠銆傛總鍛婄厱閹艰揪绱曟牎闂侀潧娲ょ€氫即鐛幒妤€绠ｆ繝闈涘暙娴滈箖鏌ｉ姀鈶跺湱澹曟繝姘厵闁绘劦鍓氶悘杈ㄤ繆閹绘帞澧涚紒缁樼洴瀹曞崬螖閸愬啠鍓濈换娑樼暆婵犱胶鏁栫紓浣介哺閹瑰洤鐣烽幒鎴僵闁瑰吀鐒﹂悗鎼佹⒒娴ｇ儤鍤€闁搞倖鐗犻獮蹇涙晸閿燂拷

濠电姷鏁告慨鐑藉极閸涘﹥鍙忔い鎾卞灩缁狀垶鏌涢幇闈涙灈鐎瑰憡绻冮妵鍕箻鐎靛摜鐣奸梺纭咁潐濞茬喎顫忕紒妯肩懝闁逞屽墮宀ｈ儻顦查悡銈夋煏閸繃鍋繛宸簻鎯熼梺瀹犳〃閼冲爼宕濋敃鈧—鍐Χ閸℃鐟愰梺鐓庡暱閻栧ジ宕烘繝鍥у嵆闁靛骏绱曢崢顏堟⒑閹肩偛鍔楅柡鍛⊕缁傛帟顦寸紒杈ㄥ笚濞煎繘鍩℃担閿嬵潟闂備浇妗ㄩ悞锕傚箲閸ヮ剙鏋侀柟鍓х帛閺呮悂鏌ㄩ悤鍌涘闂傚倸鍊搁崐鎼佸磹妞嬪孩顐芥慨姗嗗厳缂傛氨鎲稿鍫罕闂備礁婀遍搹搴ㄥ窗閺嶎偆涓嶆い鏍仦閻撱儵鏌ｉ弴鐐测偓鍦偓姘炬嫹　　闂傚倸鍊搁崐鎼佸磹閻戣姤鍤勯柤鍝ユ暩娴犳氨绱撻崒娆掑厡缂侇噮鍨堕妴鍐川閺夋垹鍘洪悗骞垮劚椤︻垶宕￠幎鑺ョ厪闊洦娲栨牎闂佽瀵掗崜鐔奉潖閾忓湱纾兼俊顖氭惈椤矂姊虹拠鑼婵ǜ鍔戦崺鈧い鎺嶇閸ゎ剟鏌涢幘璺烘瀻妞ゎ偄绻愮叅妞ゅ繐瀚悗顓烆渻閵堝棙绀€闁瑰啿閰ｅ畷婊勫鐎涙ǚ鎷洪梻渚囧亞閸嬫盯鎳熼娑欐珷妞ゆ柨澧界壕鐓庮熆鐠虹尨鍔熺紒澶庢閳ь剚顔栭崰鏍€﹂柨瀣╃箚婵繂鐭堝Σ鐑芥⒑缁嬫鍎愰柟鐟版搐铻為柛鎰╁妷濡插牊绻涢崱妤冪婵炲牊锕㈠缁樻媴妞嬪簼瑕嗙紓鍌氱М閸嬫挻绻涚€涙ḿ鐭ら柛鎾跺枛瀹曟椽鍩€椤掍降浜滈柟鐑樺灥閳ь剙缍婂鎶筋敆閸曨剛鍘遍柣搴秵娴滅兘鐓鍌楀亾鐟欏嫭纾婚柛妤€鍟块锝夊磹閻曚焦鞋闂備礁鎼Λ瀵哥不閹捐钃熼柕濞炬櫆閸嬪棝鏌涚仦鍓р槈妞ゅ骏鎷�

核心提示：相对长度单位 Relative Length Unitsem说明：相对长度单位，相对于当前对象内文本的字体尺寸，CSS中的单位一览包括宽度尺寸单位颜色单位角度单位频率单位，如当前行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸，1kHz = 1000 Hz 示例：strong { pit

相对长度单位 Relative Length Units

em
说明：相对长度单位。相对于当前对象内文本的字体尺寸。
如当前行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
示例：
div { font-size : 1.2em; }

ex
说明：相对长度单位。相对于字符“x”的高度。此高度通常为字体尺寸的一半。
如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
示例：
div { font-size : 1.2ex; }

px
说明：相对长度单位。像素（Pixel）。
像素是相对于显示器屏幕分辨率而言的。譬如，WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。
示例：
div { font-size : 12px; }

绝对长度单位 Absolute Length Units

pt
说明：
绝对长度单位。点（Point）。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例：
div { font-size : 9pt; }

pc
说明：
绝对长度单位。派卡（Pica）。相当于我国新四号铅字的尺寸。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例：
div { font-size : 0.75pc; }

in
说明：
绝对长度单位。英寸（Inch）。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例：
div { font-size : 0.13in; }

cm
说明：
绝对长度单位。厘米（Centimeter）。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例：
div { font-size : 0.33cm; }

mm
说明：
绝对长度单位。毫米（Millimeter）。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例：
div { font-size : 3.3mm; }

颜色单位 Color Units Reference

#RRGGBB
参数：
RR :　红色值。十六进制正整数
GG :　绿色值。十六进制正整数
BB :　蓝色值。十六进制正整数

说明：
颜色单位。
以上三个参数，取值范围为：00 - FF。
参数必须是两位数。对于只有一位的，应在前面补零。
如果每个参数各自在两位上的数字都相同，那么本单位也可缩写为 #RGB 的方式。例如：#FF8800 可以缩写为 #F80。
请参阅附录：颜色表。
示例：
div { color: #FF0000; }
div { color: #F00; }

rgb(R,G,B)
参数：
R :　红色值。正整数 | 百分数
G :　绿色值。正整数 | 百分数
B :　蓝色值。正整数 | 百分数

说明：
颜色单位。
以上三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。
并非所有浏览器都支持使用百分数值。
请参阅附录：颜色表。
示例：
div { color: rgb(132,20,180); }
div { color: rgb(12%,200,50%); }

Color Name
说明：
颜色单位。颜色名称。不同的浏览器会有不同的预定义颜色名称。请查看附录：颜色表。
示例：
div {color: red; }

时间单位 Time Units Reference

s
说明：
时间单位。秒。时间的国际主单位。
1s = 1000 ms
示例：
div { pause-after: 2s; }
div { pause-before: 2s; }

ms
说明：
时间单位。微秒。
1s = 1000 ms
示例：
div { pause-after: 2s; }
div { pause-before: 2s; }

角度单位 Angle Units Reference

deg
说明：
角度单位。度。一个圆圈的360等分之一。
示例：
body { azimuth: 75deg }
body { elevation: 75deg }

grad
说明：
角度单位。梯度。一个直角的100等分之一。一个圆圈相当于400grad。
示例：
body { azimuth: 75grad }
body { elevation: 75grad }

rad
说明：
角度单位。弧度。把一个圆圈分成2*PI单位。
示例：
body { azimuth: 3rad }
body { elevation: 5rad }

频率单位 Frequency Units Reference

kHz
说明：
频率单位。千赫。声波的基本单位。
1kHz = 1000 Hz
示例：
strong { pitch: 8kHz }

Hz
说明：
频率单位。赫兹。声波的基本单位。
1kHz = 1000 Hz
示例：
strong { pitch: 75hz }