接觸過前端開發的人都知道，HTML主要是用來寫頁面布局的。我們在寫這些布局時，經常需要設置頁面某些字體的顏色和大小。

那你知道，HTML中如何設置字體顏色和大小嗎？這篇文章就來總結下HTML中設置字體顏色和大小的常見方法有哪些。

常見方法一：通過外部CSS樣式來設置

具體實現步驟如下：

在head標簽中增加style樣式 在body中的其他標簽，如h1，p，div等開始標簽中，增加class="上述style中定義的名稱，如blue"即可。

代碼實現如下：

    
    
    


我是標題一，居左顯示
我是段落，上面標題通過屬性align設置了left，使標題居左顯示。

常見方法二：通過內部CSS樣式來設置

具體實現步驟如下：

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

代碼實現如下：

    
    
    


我是標題二，居中顯示

我是段落，上面標題通過屬性align設置了center，使標題居中顯示。

常見方法三：通過font標簽來設置

具體實現步驟如下：

在body中其他標簽內容中html設置文字為黑色，增加標簽來設置字體顏色和大小。需要注意的是，size的最大值是7，并且設置字體顏色和大小都是用等號賦值，前兩種CSS樣式是通過英文的冒號來賦值。

代碼實現如下：

    
    

    


我是標題三，居右顯示
我是段落，上面的標題通過屬性align設置了right，使標題居右顯示

三種方法的對比 方法靈活性統一性

方法一

Yes

Yes

方法二

Yes

No

方法三

Yes

No

由上表比較可以看出：

方法一，通過外部CSS樣式來設置字體顏色和大小是比較規范的做法，也比較靈活，統一修改一個地方即可。

方法二，通過內部CSS樣式來設置字體顏色和大小也比較靈活，但不規范，每個地方單獨設置，如果要修改就比較麻煩。

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

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

希望這篇文章對大家有所幫助。如果您還有更好的方法，請評論留言。