英文网页的字体较常用到em单位,可使字体随IE浏览器的字体设置而变化。原先定义的px和pt单位,可以使用我制作的一个工具直接转化为相对应的em单位,http://www.auiou.com/relevant/00000430.jsp。
如果一个区域的字体以em为单位,被重复定义了2次或2次以上,字体大小会出现混乱,可以嵌入一个表格<table>,将这个区域的字体放在表格中,即可避免字体被重复定义。如果<td>元素在CSS表头中已经定义字体,可以再对这个区域的<td>进行定义,会替换表头的定义,而浏览器不认为这是重复定义。
重复定义的情况如:
<span style="font-size:0.75em">
<div>
<ul>
<li style="font-size:0.9em">段落文字
</ul>
</div>
</span>
<li>元素中的字体被重复定义2次,被定义为0.75em×0.9=0.675em。
这样即可避免被重复定义:
<span style="font-size:0.75em">
<div>
<ul>
<li>
<table cellspacing="0" cellpadding="0"><tr><td style="font-size:0.875em">段落文字</tr></td></table>
</ul>
</div>
</span>
或者先将<span>元素使用</span>闭合。
写于 2009年02月12日 22:04