接觸過(guò)前端開(kāi)發(fā)的人都知道，HTML主要是用來(lái)寫(xiě)頁(yè)面布局的。我們?cè)趯?xiě)這些布局時(shí)，經(jīng)常需要設(shè)置頁(yè)面某些字體的顏色和大小。

那你知道，HTML中如何設(shè)置字體顏色和大小嗎？這篇文章就來(lái)總結(jié)下HTML中設(shè)置字體顏色和大小的常見(jiàn)方法有哪些。

常見(jiàn)方法一：通過(guò)外部CSS樣式來(lái)設(shè)置

具體實(shí)現(xiàn)步驟如下：

在head標(biāo)簽中增加style樣式 在body中的其他標(biāo)簽，如h1，p，div等開(kāi)始標(biāo)簽中，增加class="上述style中定義的名稱(chēng)，如blue"即可。

代碼實(shí)現(xiàn)如下：

    
    
    


我是標(biāo)題一，居左顯示
我是段落，上面標(biāo)題通過(guò)屬性align設(shè)置了left，使標(biāo)題居左顯示。

常見(jiàn)方法二：通過(guò)內(nèi)部CSS樣式來(lái)設(shè)置

具體實(shí)現(xiàn)步驟如下：

在body中的其他標(biāo)簽，如h1，p，div等開(kāi)始標(biāo)簽中，增加style="color:white;font-size:25px;"即可。

代碼實(shí)現(xiàn)如下：

    
    
    


我是標(biāo)題二，居中顯示

我是段落，上面標(biāo)題通過(guò)屬性align設(shè)置了center，使標(biāo)題居中顯示。

常見(jiàn)方法三：通過(guò)font標(biāo)簽來(lái)設(shè)置

具體實(shí)現(xiàn)步驟如下：

在body中其他標(biāo)簽內(nèi)容中html設(shè)置文字為黑色，增加標(biāo)簽來(lái)設(shè)置字體顏色和大小。需要注意的是，size的最大值是7，并且設(shè)置字體顏色和大小都是用等號(hào)賦值，前兩種CSS樣式是通過(guò)英文的冒號(hào)來(lái)賦值。

代碼實(shí)現(xiàn)如下：

    
    

    


我是標(biāo)題三，居右顯示
我是段落，上面的標(biāo)題通過(guò)屬性align設(shè)置了right，使標(biāo)題居右顯示

三種方法的對(duì)比 方法靈活性統(tǒng)一性

方法一

Yes

Yes

方法二

Yes

No

方法三

Yes

No

由上表比較可以看出：

方法一，通過(guò)外部CSS樣式來(lái)設(shè)置字體顏色和大小是比較規(guī)范的做法，也比較靈活，統(tǒng)一修改一個(gè)地方即可。

方法二，通過(guò)內(nèi)部CSS樣式來(lái)設(shè)置字體顏色和大小也比較靈活，但不規(guī)范，每個(gè)地方單獨(dú)設(shè)置，如果要修改就比較麻煩。

方法三，通過(guò)font標(biāo)簽來(lái)設(shè)置字體顏色和大小，和方法二類(lèi)似，但HTML5.0已不支持標(biāo)簽，在 HTML 4.01 中，元素 已廢棄html設(shè)置文字為黑色，不建議使用此標(biāo)簽，提示用CSS來(lái)代替font標(biāo)簽的使用。

所以，在此還是建議大家使用外部CSS樣式來(lái)設(shè)置字體顏色和大小比較好。

希望這篇文章對(duì)大家有所幫助。如果您還有更好的方法，請(qǐng)?jiān)u論留言。