灵活XHTML和CSS网页设计1-字体大小方案

 

先了解下各个字体单位：

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

绝对单位:in英寸;pt点距;pc picas;cm厘米；mm毫米

绝对单位太绝对了，放弃～

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》，整理整理～读书不整理和吃完后就拉有区别么？？