CSS 的数据单位[转载]

转载自:http://echorightcss.blog.51cto.com/321209/64221

在CSS选择符中,每一个CSS属性的值均由两种指定形式,一种是指定值范围,如float属性,只可能应用left,right,none三种值,另一种为数值,如width能够使用0-9999px或其他数学单位来指定。除了px像素单位以外,CSS提供了许多其他类型的数学单位帮助我们进行值得定义。

单位 描述 示例
px 像素(Pixel) width:1.2px
em 相对于当前对象内文本的字体尺寸 font-size:1.2em
ex 相对于字符的高度的相对尺寸 font-size:1.2ex相对于当前字符的1.2倍高度
pt 点/镑(Point) font-size:9pt;
pc 派卡(Pica) font-size:0.5pc
in 英寸(Inch) height:12in
mm 毫米(Millimeter) font-size:4mm
cm 厘米(Centimeter) font-size:0.2cm
rgb 颜色单位 color:rgb(255.255.255)
#RRGGBB 十六进制颜色单位 color:#000FFF
Color Name 浏览器所支持的颜色名称 color:blue

(上表内容来自所转载文章,博主重新对表格进行了绘制)

数值单位中80%的单位在网页设计中经常会使用到,对于设计者而言,为了便于统一于修改,建议在某一类型的单位上使用同一的数学单位,如字体大小,在某一个网站中,根据国家习惯及设计者的习惯,统一使用px或pt。颜色也同样,在颜色设计中,建议使用十六进制颜色代码,以保持各浏览器均能统一解析。

2 Comments

    • taho

      实用啊。不仅是实用,而且是必用啊。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注