学习使用em的第一个demo..
em是何物？em指字体高，任意浏览器的默认字体高都是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会继承父级元素的字体大小。[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档-SH!</title>
<style type="text/css">
body{font-size:62.5%}
span{font-size:1.2em}
#h1{font-size:5em}
</style>
</head>
<body>
<div id="h1">231321</div>
<span>中文试试</span>
这行字裸体了..
</body>
</html>[/code]
[[i] 本帖最后由 Flash菲 于 2007-10-11 12:07 编辑 [/i]]
页:
[1]
