网页设计中各度量单位的比较.doc

　　网页设计中各度量单位的比较edu.5151doc. 教育资源库 在网页中对网页元素的大小修饰除了数值大小外，还有就是度量单位的选择了。不同的度量单位会有哪些不同的效果呢？首先我们了解下网页设计中的各类单位及说明。原文链接 像素（px） 根据显示器的分辨率来确定长度，在）和毫米（mm） 根据显示的实际尺寸来确定长度。此类单位不随显示器分辨率的改变而改变； 12pt字（pc） 即） 表示当前文本的尺寸。如{font-size:2em}是指文字大小为原来的2倍； 字体x的高（ex） 表示当前字母“x”的高度； % 是以当前文本的百分比定义尺寸。如{font-size:200%}是指文字大小为原来的2倍； 网页中各度量单位的在网页中的查看比较 lt;!DOCTYPE html PUBLIC -//L 1.0 Transitional//EN .l1/DTD/xhtml1-transitional.dtd lt;html xmlns=.l lt;head lt;meta http-equiv=Content-Type content=text/html; charset=gb2312 / lt;style type=text/css lt;!-- body { font-family: Verdana, Arial, Helvetica, sans-serif; } p { background-color: #EFEFEF; margin: 5px; padding: 4px; } .px12 { font-size: 12px; } .px14 { font-size: 14px; } .pt12 { font-size: 12pt; } .pt14 { font-size: 14pt; } .in1 { font-size: 1in; } .pc1 { font-size: 1pc; } .pc2 { font-size: 2pc; } .em2 { font-size: 2em; } .ex1 { font-size: 1ex; } .ex2 { font-size: 2ex; } .ex4 { font-size: 4ex; } .per2 { font-size: 200%; } -- lt;/style lt;/head lt;body 正常字体大小，12像素(px)的大小，14像素的大小 lt;p正常字体大小，lt;span class=pt1212点数(pt)的大小lt;/span，lt;span class=pt1414点数的大小lt;/spanlt;/p lt;p正常字体大小，lt;span class=in11英寸(in)的大小lt;/span，lt;/p lt;p正常字体大小，lt;span class=pt1212点数(pt)的大小 lt;/span= lt;span class=pc11个12pt字(1pc)的大小lt;/span，lt;span class=pc22个12pt字(2pc)的大小lt;/spanlt;/p lt;p正常字体大小，lt;span class=em22个字体高(em)的大小lt;/spanlt;/p lt;p正常字体大小，lt;span class=ex1bruce-ex1lt;/span,lt;span class=ex2bruce-ex2lt;/span,lt;span class=ex4bruce-ex4lt;/spanlt;/p lt;p正常字体大小，lt;span class=per2200%的字体大小lt;/spanlt;/p lt;/body lt;/html [这篇文章来自..，]