LifeType 中文开发论坛

开发 => 模版设计精华区 => 主题作者是: bibicall 于 十一月 17, 2005, 01:35:13 上午



主题: [CSS小技巧分享]如何有效的控制模版字体大小
作者: bibicall十一月 17, 2005, 01:35:13 上午
相信大家在套用模版时
会碰到调整字体大小的问题
有时候明明已经字级已经改大了
但是版面的字体不是不变,
就是大小不是自己所想要的大小

这个困扰怎么解决?
在此分享一个个人小小的使用心得

就是尽量使用CSS的字体关键字
CSS预设的字体关键字有七个,可分为:
超超小、超小、小、中、大、超大、超超大
xx-small、x-small、small、medium、large、x-large、xx-large

为何要使用字体关键字来控制版面字体?
因为当我们使用 百分比%、em来设定字体大小的时候
会因为「继承」的缘故,造成前后的字体设定相互影响
也就是说<div></div>设定的字体大小,
会影响到包含在其中的<p>字体大小
例如<div></div>字体设定为80%,<p>字体设定为70%
你实际看到<p>段落里的字,会比你预期来的小
因为<div>已经设成80%,而<p>又再缩小字体
但是如果使用small、large、medium这些关键字来控制
就不会相互影响了!

目前已开发的模版,几乎都由外国人设计,
他们的CSS里几乎都用百分比%、em字级的设定
对英文字来说,比较不容易产生字体过小的问题
但对中文字而言,那真是惨不忍睹
这也就是为何我们老是会有人抱怨
后台字体过小啦、文章段落字体过小的问题
所以当我自己修正模版字体的时后
我都会尽量使用这些关键字来控制
不过,这些关键字在不同的浏览器
虽然用同一个字级,但会有不同的大小,这是缺点!
如果大家还是习惯使用百分比%、em
在修改模版CSS的时后
可以检查一下「继承」的问题
有时候往上一层修改字级,才会达到你要的效果

以上!报告完毕!



主题: Re: [CSS小技巧分享]如何有效的控制模版字体大小
作者: james十一月 18, 2005, 08:07:51 上午
感谢你的分享 ^_^
收录到精华区啰 ^^

James