网页设计中不同单位的具体介绍
发布人：管理员 发布时间：2014-10-25
对于任何设计来说,大小长度的单位是至关重要的,那么对于网页设计也是如此,那么在网页设计中又有哪些单位呢?我们该如何区分呢?
1.px:pixel,像素,屏幕上显示的最小单位
2.pt:point,是一个标准的长度单位,1pt=1/72英寸
3.em:即%,在css中,1em=100%
网页制作案例中大多都会把px作为网页中的设定宽度间距的单位。但是不要忘记,em对于设定很多表格类的外框大小是很重要的。为什么很多网页在不同浏览器中测试的结果会不同,产生差异就是跟这2个单位有关系了。网上类似的分析应该有很多,也不想套用那么有内涵的语句来解释。基本总结出来就是,当你要设定大框架时肯定用em好,因为它是相对比例,会跟随浏览器的放大缩小而做出相应的调整。而当设计其中小框架中的左边距、右边距时用px最好不过了。当然网页制作中还存在着很多复杂的情况,这个就要靠个人的经验去判别了。还剩下的就是pt,其实在网页中最长用的地方就是字体大小的设定了。一般网页的默认字体大小是9pt或者12px 。那么pt和px有什么区别呢?如果有兴趣的,可以自己去调节屏幕的分辨率和DPI试试看效果。结果是只有当用户改变默认的96DPI下才会产生:使用px定义文字,无论用户怎么设置,都不会改变大小;使用pt定义文字,当用户设置超过96DPI的值,数值越大,字体就越大。其实本来网页字体就很小,用起来没差。所以在制作网页时,就看自己怎么来选择用哪一种。
