站长学院通行证

 

返回“站长学院”网站首页

 当前位置 → 中国站长学院设计在线网页设计CSS专题 → 浏览正文


CSS中的单位一览


作者:中国站长学院(整理)     来源:互联网转载     点击数:     更新时间:2007年12月26日

【字体: 】           【背景色 杏仁黄 秋叶褐 胭脂红 芥末绿 天蓝 雪青 灰 银河白(默认色) 】    【收藏本文】   【打印


相对长度单位  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 }


责任编辑:忧郁的秋天

注册投稿

收藏本文到  >>>

相关文章

模板教程【Pagetitle 标记】04/11 
模板教程【Prenext 标记】(十04/11 
模板教程【Pagebreak 标记】04/11 
模板教程【Pagelist 标记】(04/11 
模板教程【List 标记】(十一)04/11 
模板教程【Channelartlis04/11 
模板教程【Mynews 标记】(九)04/11 
模板教程【Flink 标记】(八)04/11 
模板教程【Vote 标记】(七)04/11 
模板教程【Mytag 标记】(六)04/11 
模板教程【Type 标记】(四)04/11 
模板教程【Channel 标记】(三04/11 
模板教程【Field 标记】(二)04/11 
模板教程【Arclist 标记使用实04/11 
DedeCMS模板制作使用实例教程序04/11 
从零开始学DedeCms模板,模板制04/11 

推荐导读

热门资讯

资讯快报

论坛新贴

返回首页

关于我们 - 帮助(?) - 广告服务 - 诚征英才 - 友情链接 - 网站地图 - 站长BLOG

返回网站顶部

Copyright © 2007 中国站长学院(CNZZXY.COM). All Rights Reserved
站长学院服务资咨热线:0755-84289786    业务合作:(0)13554938953  (0)13423986856    网络宽带及主机提供:深圳傲网科技
粤ICP备08006968号   站长:忧郁的秋天(向管理员发邮件)   站长交流QQ群①:1815595   站长交流QQ群②:32960074