CSS中的长度单位

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。单位em的实际大小是受到字体尺寸的影响的。 

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

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