DIV內(nèi)字體大小,DIV內(nèi)文字大小設(shè)置,div font-size字體大小布局篇,同時(shí)擴(kuò)展到span字體大小,等標(biāo)簽內(nèi)字體大小設(shè)置布局教程
設(shè)置對(duì)象DIV字體大小或span字體大小設(shè)置有兩種方法,一種是使用style直接設(shè)置css字體大小,另外一種外部設(shè)置指定DIV內(nèi)字體大小樣式。
一、標(biāo)簽內(nèi)設(shè)置字體大小
我們分別設(shè)置DIV盒子和SPAN盒子內(nèi)字體大小為12px和16px,在分別標(biāo)簽內(nèi)使用style屬性設(shè)置css font-size設(shè)置字體大小樣式。
1、對(duì)應(yīng)html源代碼片段
<div style="font-size:12px">設(shè)置div內(nèi)字體大小為12px</div>
<span style="font-size:12px">設(shè)置span內(nèi)字體大小為14px</span>
二、外部設(shè)置指定的div字體大小
我們通過外部新建CSS選擇器分別對(duì)指定div和指定span設(shè)置文字大小樣式。
1、實(shí)例css代碼
<style>
.div{font-size:14px}
/* css注釋:設(shè)置使用對(duì)象選擇器名為“.div”的字體大小為14px */
.span{font-size:16px}
</style>
2、實(shí)例對(duì)應(yīng)html代碼片段
<div>未設(shè)置div字體大小</div>
<div class="div">設(shè)置div字體大小為18px</div>
<span>未設(shè)置span內(nèi)字體大小</span><br />
<span class="span">設(shè)置span字體大小為24px</span>
在實(shí)際CSS+DIV布局中,通常推薦第二種方法布局DIV或SPAN等對(duì)象CSS樣式表,這樣可以利于開發(fā)和日后維護(hù)修改。