网页元素单位

网页元素单位

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