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

来源:互联网 发布:淘宝店铺装修源代码 编辑:程序博客网 时间:2024/05/01 05:44
 相对长度单位 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 }
原创粉丝点击