先了解下各个字体单位:
相对单位: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》,整理整理~读书不整理和吃完后就拉有区别么??