§ ITPOW >> 文档 >> CSS

用百分比表示字体大小

作者:vkvi 来源:ITPOW(原创) 日期:2006-11-4

我们在用样式表指定字体大小时,可能是用 px 直接指定字体的大小,其实还有种方法,用百分比。

用 px 为父级元素(如:body)指定字体大小,子级元素用百分比表示,这样,要整体提高或降低父级元素和子级元素的字体大小时,只需要更改父级元素的字体大小,子级元素会根据其指定的百分比自动调整。

如:
body {font-size:13px}
input {font-size:200%;}
td {font-size:150%;}

整个网页的基本字体大小是 13px,input 为基本字体大小的两倍,表格文字为基本字体大小的 1.5 倍。只需要更改 body 的字体大小,input 和表格的文字也会作相应的改变。若全部用 px,则需要在多个地方作修改。

相关文章