你确定，EM是相对于父元素的大小？在我们写样式修饰的时候，长度单位像PX、EM、REM是我们常用的。那么它们有什么不同的地方呢？比如：浏览器高度900px，宽度1200px，取最小的浏览器高度，1 vm = 900px/100 = 9 px

rem是css3中新增加的一个单位属性,根据页面的根节点的字体大小进行转变的单位。root！！！！！！！！！例：(下面例子中的根节点是html ，它的字体大小是100px，所以根节点下面的元素所设置的rem，都是1rem=100px。)rem的初始值是16

绝对长度单位表示为一个固定的值，不会改变。不利于页面渲染。

CSS中有很多属性可以接受长度值，比如： width, height, margin, padding, border-width, font-size, text-shadow。因为使用场景多，因此CSS也提供了许多长度单位。有的是日常生活中使用的单位，

我们逐渐意识到，我们用px作为文字大小的单位，已经出现很多问题。最主要是体现在用户不能灵活的控制文字的大小，现在IE浏览器是主流，但我们不能通过浏览器设置文字大小，因为我们用px作为文字大小的单位。长度单位分为两种，一种是相对长度，另一种是绝对长度。W3C

CSS给予人们精确控制网页的能力，这一点为人们津津乐道。在CSS中，长度是一种度量尺寸，用于宽度、高度、字号、字和字母间距、文本的缩排、行高、页边距、贴边、边框线宽以及许许多多的其他属性。长度单位一般是一个由两个字母组成的单位缩写，例如cm，pt，em等。

对于不同的设备相对长度更适用。绝对长度单位视输出介质而定，不依赖于环境。避免字体大小的重复声明。不同的是em是相对于元素的父元素的font-size进行计算；rem是相对于根元素html的font-size进行计算。常见设置为把body的字体大小设为62.

前面的话在CSS学习目录中，已经详细地介绍了CSS如何使用。知其然，还要知其所以然。本文将介绍CSS各部分出现的原因，仅限个人理解，如有不妥，欢迎交流。Why CSS早期的大多数网站标记几乎完全由表格和font元素组成，且对于所要表现的内容不能传达任何实际

长度单位是Web页设计中最常用的一个单位。一个排列无序、杂乱无章的页面不可能给人们留下什么好的印象。于是，在设计的时候需要为元素的位置、尺寸精确地定义一些值，以使其达到预期的效果。CSS给予人们精确控制网页的能力，这一点为人们津津乐道。但是，CSS所给出的