DIV字體大小怎么設(shè)置

這篇文章主要講解了“DIV字體大小怎么設(shè)置”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“DIV字體大小怎么設(shè)置”吧！

一、標(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>

2、案例截圖

標(biāo)簽內(nèi)使用style分別設(shè)置div和span內(nèi)字體大小案例截圖

擴(kuò)展閱讀：
div和span區(qū)別

二、外部設(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>

3、div字體大小與span字體大小實(shí)例截圖

外部CSS設(shè)置div和span對(duì)象字體大小實(shí)例截圖

在實(shí)際CSS+DIV布局中，通常推薦第二種方法布局DIV或SPAN等對(duì)象CSS樣式表，這樣可以利于開發(fā)和日后維護(hù)修改。

感謝各位的閱讀，以上就是“DIV字體大小怎么設(shè)置”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)DIV字體大小怎么設(shè)置這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！