§ ITPOW >> 文档 >> CSS

CSS 长度单位

作者: 来源: 日期:2008-11-13

CSS 中,长度单位有两种,分别是绝对长度单位和相对长度单位。

绝对长度单位

绝对长度单位分为 in(英寸)、cm(厘米)、mm(毫米)、pt(磅)、pc(pica)。其中,in(英寸)、cm(厘米)、mm(毫米)和实际中常用的单位完全相同。重点介绍一下 pt(磅)、pc(pica)。

pt(磅):是标准印刷上常用的单位,72pt 的长度为 1 英寸。

pc(pica):这也是一个印刷上用的单位,1pc 的长度为 12 磅。

绝对长度单位,虽然理解起来很容易,但是在网页的设计中很少用到

相对长度单位

相对长度单位是使用最多的长度单位。包括 em、ex、px,下面分别介绍一下。

em 是定义文字大小的值,也就是文本中 font-size 属性的值。例如:定义某个元素的文字大小为 12pt,那么,对于这个元素来说 1em 就是 12pt,2em 就是 24pt。单位 em 的实际大小是受到字体尺寸的影响的。

ex 和 em 类似,指的是文本中字母 x 的高度,因为不同的字体的 x 的高度是不同的,所以 ex 的实际大小,受到字体和字体尺寸两个因素的影响。

px 就是通常所说的像素,使网页设计中使用最多的长度单位。将显示器分成非常细小的方格,每个方格就是一个像素。表面上看好像很容易理解,实际上,px 的具体大小是受到屏幕的分辨率影响的,也就是和划分屏幕各自的方式有关。例如,同样是 100px 大小的字体,如果显示器使用 800×600 像素的分辨率,那么,每个字的宽度是屏幕的 1/8。若将显示器的分辨率设置为 1024×768 像素,那么同样是 100px 字体的字,其宽度就越为屏幕宽度的 1/10。

相关阅读

相关文章