转载自: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。颜色也同样,在颜色设计中,建议使用十六进制颜色代码,以保持各浏览器均能统一解析。
这样的东西实用吗?
实用啊。不仅是实用,而且是必用啊。