歡迎光臨, 訪客. 請先 登入註冊一個帳號.
八月 15, 2018, 12:19:46 上午
19594 文章 在 3864 主題 由 4580 會員
最新註冊會員: aa123aa1
LifeType 中文開發論壇  |  開發  |  模版設計  |  模版設計精華區  |  [CSS小技巧分享]如何有效的控制模版字體大小 « 上篇主題 下篇主題 »
頁: [1]
作者 主題: [CSS小技巧分享]如何有效的控制模版字體大小  (閱讀 13909 次)
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小技巧分享]如何有效的控制模版字體大小 « 上篇主題 下篇主題 »
    前往: