|
主題: [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 |