讓用戶自己控制網(wǎng)頁字體的大小的css書寫方法
更新時間：2007年09月18日 20:31:41 作者：
現(xiàn)在國內(nèi)絕大多數(shù)的站點都用CSS把字體大小設(shè)定為12px，像素雖然也是相對尺寸單位，但只是相對于屏幕的分辨率 ，當(dāng)屏幕的分辨率一定時，如果你感到字太小，閱讀有困難，在非標(biāo)準(zhǔn)瀏覽器中就無能為力了，所以說，如果把單位改成em，那么就可以用CTRL+鼠標(biāo)滾動把字放大，或者用菜單上的查看>文字大小來改變字的大小。
如何設(shè)定
1.在body標(biāo)簽里將字體尺寸設(shè)為62.5%，如果在body里沒有CSS設(shè)定，那么瀏覽器默認(rèn)的大小是16px，設(shè)了62.5%，則字體尺寸=16px*62.5%=10px，這時你能用em方便地設(shè)大小了，比如你需要用12px，只要設(shè)1.2em。
body{
font-size: 62.5%;
}
h1{
fong-size: 1.4em;/* h1字的大小相當(dāng)于14px */
}
2.body里字體尺寸設(shè)為75%，則字體尺寸=16px*75%=12px，1em相當(dāng)于12px.
body{
font-size: 75%;
}
h1{
fong-size: 1.5em;/* h1字的大小相當(dāng)于18px */
}
第一種方法更好些。
如果是英文網(wǎng)站的話，還可以設(shè)定為small、x-small......
當(dāng)然這樣一來，對頁面的設(shè)計要求會高一些。
如何設(shè)定
1.在body標(biāo)簽里將字體尺寸設(shè)為62.5%，如果在body里沒有CSS設(shè)定，那么瀏覽器默認(rèn)的大小是16px，設(shè)了62.5%，則字體尺寸=16px*62.5%=10px，這時你能用em方便地設(shè)大小了，比如你需要用12px，只要設(shè)1.2em。
body{
font-size: 62.5%;
}
h1{
fong-size: 1.4em;/* h1字的大小相當(dāng)于14px */
}
2.body里字體尺寸設(shè)為75%，則字體尺寸=16px*75%=12px，1em相當(dāng)于12px.
body{
font-size: 75%;
}
h1{
fong-size: 1.5em;/* h1字的大小相當(dāng)于18px */
}
第一種方法更好些。
如果是英文網(wǎng)站的話，還可以設(shè)定為small、x-small......
當(dāng)然這樣一來，對頁面的設(shè)計要求會高一些。
相關(guān)文章
都是IE惹的禍多瀏覽器兼容問題...2007-04-04
htm頁面中<a name>加name和id的沖突附解決方法
原來在<a name="jb51"> 和<span id="jb51">是沖突的，唉弄了好一會，郁悶 臨時解決方法就是在后面的id中加了一個2，就是<span id="jb512">2008-07-07
html下利用javascript連數(shù)據(jù)庫
html下利用javascript操作本地數(shù)據(jù)庫的代碼2008-02-02
今天在藍(lán)色理想瞎逛，看見了Realazy的教程CSS Sprites，于是來自己做了個小東西，效果在這里2008-05-05
大部分是由注釋造成文字溢出，屬于IE6的BUG，溢出文字的字?jǐn)?shù)=注釋的條數(shù)*2-1，這里的字?jǐn)?shù)在中 文或英文數(shù)字時都成立。注釋坐在位置與溢出位置、區(qū)塊的浮動以及文字區(qū)塊的固定寬度有必然聯(lián)系。2008-12-12
xhtml+css頁面制作過程中問題的解決方案，說是解決方案應(yīng)該有點過了，充其量只不過是給剛剛開始學(xué)標(biāo)準(zhǔn)頁面制作的朋友們的一些小建議，如果講得不對的地方請多多包涵，當(dāng)然也可以提出你們更好的方法，大家相互學(xué)習(xí)交流，共同成長！2008-10-10
Iframe自適應(yīng)高度兼容ie,firefox多瀏覽器
從網(wǎng)上找的Iframe自適應(yīng)高度，不是自已寫的！ 從哪找的忘了，要不一定寫明出處！ 放出來給自已留個備份！2008-04-04
很早以前的關(guān)于表格的高級使用技巧，建議學(xué)習(xí)，并不是一定都要用div+css布局的，很適合現(xiàn)在2008-05-05
之所以說IE不好，是因為IE會誤導(dǎo)了你對CSS模型的理解，讓你以為IE的理解是對的，之后無論如何你都無法用你的IE模型理論去為你那個無法在FF正常顯示的CSS提供fix。2008-09-09
BUTTON和INPUT的區(qū)別...2007-02-02