CSS教程之完全弄懂css中单元px和em的区分

大大增加了开发时间，同时也增加了开发成本。当然如果你是一个熟手，或者可以白天黑夜都加班而不用担心没有加班费，那可能不会。

• 
  
• 
  

国际的计划师多数喜好用px，而外洋的网站多数喜好用em，那末二者有甚么区分，又各自有甚么好坏呢？
1.IE没法调剂那些利用px作为单元的字体巨细；
2.外洋的年夜部分网站可以调剂的缘故原由在于其利用了em作为字体单元；
3.Firefox可以调剂px和em，可是96%以上的中国网平易近利用IE扫瞄器(或内核)。
px像素（Pixel）。绝对长度单元。像素px是相对显现器屏幕分辩率而言的。(引自CSS2.0手册)
em是绝对长度单元。相对以后工具内文本的字体尺寸。如以后对行内文本的字体尺寸未被工资设置，则相对扫瞄器的默许字体尺寸。(引自CSS2.0手册)
恣意扫瞄器的默许字体高都是16px。一切未经调剂的扫瞄器都切合:1em=16px。那末12px=0.75em,10px=0.625em。为了简化font-size的换算，必要在css中的body选择器中声明Font-size=62.5%，这就使em值变成16px*62.5%=10px,如许12px=1.2em,10px=1em,也就是说只必要将你的本来的px数值除以10，然后换上em作为单元就好了。

em有以下特性：
1.em的值并非流动的；
2.em会承继父级元素的字体巨细。
以是我们在写CSS的时分，必要注重两点：
1.body选择器中声明Font-size=62.5%；
2.将你的本来的px数值除以10，然后换上em作为单元；
3.从头盘算那些被缩小的字体的em数值。制止字体巨细的反复声明。
也就是制止1.2*1.2=1.44的征象。好比说你在#content中声了然字体巨细为1.2em，那末在声明p的字体巨细时就只能是1em，而不是1.2em,由于此em非彼em，它因承继#content的字体高而变成了1em=12px。

可是12px汉字破例，就是由以上办法失掉的12px(1.2em)巨细的汉字在IE中其实不即是间接用12px界说的字体巨细，而是稍年夜一点。这个成绩Jorux已办理，只需在body选择器中把62.5%换成63%就可以一般显现了。缘故原由多是IE处置汉字时，关于浮点的取值准确度无限。不晓得有无其他的注释。
其实DIV+CSS是很简单的一种布局方式，甚至比任何一种编程语言都要简单(虽然它不能算是编程语言)。

技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。