灵活XHTML和CSS网页设计1-字体大小方案- Open the web via JS ...

 

先了解下各个字体单位:

相对单位:px相对于设备屏幕的分辨率;em相对于父元素;ex相对于字母x的高度

{jd1}单位:in英寸;pt点距;pc picas;cm厘米;mm毫米

{jd1}单位太{jd1}了,放弃~

px是主流,但是ie支持不好。。在IE里利用“查看”=》“字体大小”切换大小没反应。

ex太冷了点。。

em还行吧。

 

基准尺寸加百分比模型

 

字体大小的控制,除利用数字和单位外,还有关键字如small,large等可用。本文要介绍的方案即“基于关键字做为基准尺寸,利用百分比调和”来控制字体大小。简称“基准尺寸加百分比模型(base-plus-percentage)”。

首先,为body标签设置基准字体大小。如用关键字small

其次,其他元素相对于父级元素,利用百分比控制自身字体大小。

 

如:

body{font-size:small;}

h1 { font-size: 150%; }

h2 { font-size: 130%; }

h3 { font-size: 120%; }

ul li { font-size: 90%; }

 

利用基准尺寸+百分比的好处?

没有px在IE里面的毛病…

改了基准尺寸后,别的字体也相应一起改变。

 

今儿在读《New.Riders.Press.Bulletproof.Web.Design.Jul.2005》,整理整理~读书不整理和吃完后就拉有区别么??

郑重声明:资讯 【灵活XHTML和CSS网页设计1-字体大小方案- Open the web via JS ...】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——