1、px:像素(Pixel),相对于设备的长度单位,像素是相对于 显示器 屏幕分辨率而言的。
譬如,WONDOWS的用户所使用的分辨率一般是96像素/英寸。而 MAC 的用户所使用的分辨率一般是72像素/英寸。
2、em:相对长度单位。相对于当前对象内文本的字体尺寸。
如当前行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸(rem:相对长度单位。相对于根元素(即html元素)font-size计算值的倍数)
em相对于父元素,rem相对于根元素。
如当前行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
3、pt:点(Point),绝对长度单位。
4、ex:相对长度单位。相对于字符“x”的高度。此高度通常为字体尺寸的一半。
如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
5、pc:派卡(Pica),绝对长度单位。相当于我国新四号铅字的尺寸。
6、in:英寸(Inch),绝对长度单位。
7、mm:毫米(Millimeter),绝对长度单位。
8、cm:厘米(Centimeter),绝对长度单位。
px:基于像素的单位.像素是一种有用的单位,因为在任何媒体上都可以保证一个像素的差别确实是可见的.em :一般用来测量长度的通用单位(例如元素周转的页边空白和填充),当用于指定字体大小时,em单位是指父元素的字体大小.
比如
<div style="font-size=12px">
<span style="fontsize=2em">这里的字是24px</span>
</div>
如果使用em来指定填充,填充的宽度是相对于DIV元素的字体大小而定的.
pt是印刷业上常使用的单位,磅的意思.一般也用于页面打印排版.
以上三种PX是像素单位,EM是相对单位,PT是绝对单位.他们各自的好处是,PX可以在计算机屏幕上,能达到预期的效果,在打印机和其它的高分辨率设备上,它又能取得所希望的效果.
EM的优点很多,比如在一个页面上,你给定了一个父元素的字体大小,这样就可以通过调整一个元素来成比例的改变所有元素大小.它可以自由缩放,比如用来制作可伸缩的样式表.
PT是一种固定长度的度量单位,是能够使用测量设备测得的长度.绝对单位作用有限,因为它们不能够缩放,通常只用在已经知道 是用在那种输出媒体的情况下才使用.但大多数情况下最好使用相对单位.
所以应该没有最好的吧,一般都是用PX和EM这种配搭比较好.全部手打,非复制地!!!