listly的博客

我们一直在努力....
最近访客

css样式表中的常用单位

标签: css样式表 单位

css样式表中的单位分为以下几类: 相对长度单位 、绝对长度单位、颜色单位、时间单位 。其实在我们做网页时用到的这些css样式单位并没有那么全面。本文就主要来讲一下我们在写css 样式表时常用到的“长度单位 、绝对长度单位、颜色单位”都包含哪些。

一、相对长度单位 

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

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

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

 

 

二、绝对长度单位 

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; }

 


三、颜色单位

 

#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; }

本文转自“www.div-css.com/html/standard/standard/86238772727.html”


评论


发表评论