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字體大小

我們通過(guò)外部新建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樣式表，這樣可以利于開(kāi)發(fā)和日后維護(hù)修改。