CSS3常见的取值、长度单位的解释

CSS3 04/13 阅读 59 views次 人气 0
摘要:

CSS中有不少属性是以长度作为值的。盒模型的属性就是一些很明显的值属性:width、height、margin、padding、border。

绝对长度单位包括:px, in, cm, mm, q, pt, pc 

相对长度单位包括:ch, em, rem, ex, vw, vh, vmax, vmin


绝对长度单位

px

像素或许被认为是最好的“设备像素”,而这种像素长度和在显示器上看到的文字屏幕像素无关。px实际上是一个按角度度量的单位。像素应该是设备和显示器中显示趋于一致,但是他越来越不正确。

in

英寸是一个物理度量单位,但是在CSS领域,英寸只不过被直接映射成像素罢了。

1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

cm

对于世界上大多数的人来说,厘米是比较熟悉有用的物理度量单位。它也映射成像素著作权归作者所有。

1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

mm

毫米是个小数量级的物理度量单位。

1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

q

1/4毫米

1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

pt

绝对长度单位。点(Point)。

1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

pc

绝对长度单位,派卡(Pica),相当于我国新四号铅字的尺寸。

1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px


相对字体的长度

ch

数字“0”的宽度。

em

一个相对单位。起初排版度量时是基于当前字体大写字母”M”的尺寸的。当改变font-family时,它的尺寸不会发生改变,但在改变font-size的大小时,它的尺寸就会发生变化。

相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。

rem

相对于根元素(即html元素)font-size计算值的倍数。

ex

相对长度单位。相对于字符“x”的高度。通常为字体高度的一半。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。

vw

相对于视口的宽度。视口被均分为100单位的vw。

vh

相对于视口的高度。视口被均分为100单位的vh。

vmax

相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax。

vmin

相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax。


长度单位.png



评论

表情

分享到: