CSS中的单位_html/css_WEB-ITnose

一、长度单位

　　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。

优缺点：

px:基于像素的单位.像素是一种有用的单位,因为在任何媒体上都可以保证一个像素的差别确实是可见的.

em :一般用来测量长度的通用单位(例如元素周转的页边空白和填充),当用于指定字体大小时,em单位是指父元素的字体大小.
比如

这里的字是24px

查看更多关于CSS中的单位_html/css_WEB-ITnose的详细内容...