px是英文单词pixel的缩写，意思是像素，与屏幕的分辨率有关，是一个相对长度；因此，同样像素大小的图片在不同的分辨率下，视觉大小不一样。
pt是英文单词point的缩写，但不是翻译为点，而是磅，是印刷行业常用单位，等于1/72英寸，是一个绝对长度。
em是一个相对长度单位，1em等于当前元素通过继承或其他方式设置的像素大小，如果当前元素文字的像素大小是12px，那么1em=12px，2em=24px。
percent自然也是相对长度单位，100%就是当前元素的字体大小。1em=100%。
一般情况下，1em= 12pt= 16px= 100%。不同的是如果更改body的font-size，只有em和percen会同时变化。有些文章中中会提到DPI（或PPI）这个东西，DPI就是指每英寸的像素个数，如 96DPI就是指每英寸有96个像素。在WindowXP系统中，这是一个默认的DPI值。在文章开头已经提到1pt=1/72英寸，而如果DPI为96的话，则1px=1pt。于是有人认为修改DPI的值，就修改了px与pt之间的关系，屏幕上的文字或图片大小会发生改变。但经过本人在XP上实测发现，修改DPI确实会使屏幕上的文字大小发生 改变，但快捷图标的大小并没有改变，而且浏览器页面中文字的大小并没有发生任何改变。原来是多大，还是多大，与DPI没有任何关系。后来从其它途径了解到 在浏览器默认在页面中12pt=16px。
