欢迎光临, 访客. 请先 登入註册一个帐号.
七月 17, 2020, 01:13:23 上午
19594 文章 在 3864 主题 由 4580 会员
最新註册会员: aa123aa1
LifeType 中文开发论坛  |  开发  |  模版设计  |  模版设计精华区  |  [CSS小技巧分享]如何有效的控制模版字体大小 « 上篇主题 下篇主题 »
页: [1]
作者 主题: [CSS小技巧分享]如何有效的控制模版字体大小  (阅读 15451 次)
bibicall
LifeType 中文发展团队
超级会员
*****
文章: 640


我是猪老大


检视个人资料 个人网站
« 于: 十一月 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的时后
可以检查一下「继承」的问题
有时候往上一层修改字级,才会达到你要的效果

以上!报告完毕!

已记录

我的虚拟主机基本资料如下
Operating system: Linux
Apache version: 1.3.37
PHP version: 4.4.4
MySQL version: 4.1.21-standard
james
版主
超级会员
*****
文章: 823


哼!!你不说,谁会知道你做过那些修改呢!? (丢滑鼠~~)


检视个人资料 个人网站
« 回覆文章 #1 于: 十一月 18, 2005, 08:07:51 上午 »

感谢你的分享 ^_^
收录到精华区啰 ^^

James
已记录

记得发问前,先使用搜寻功能找找看有没相关的解答。
如果找不到,请依照如何在LifeType论坛发问来提问喔。
页: [1]
LifeType 中文开发论坛  |  开发  |  模版设计  |  模版设计精华区  |  [CSS小技巧分享]如何有效的控制模版字体大小 « 上篇主题 下篇主题 »
    前往: