本教程操作環(huán)境：windows7系統(tǒng)、HTML5&&CSS3版，DELL G3電腦，該方法適用于所有品牌電腦。

HTML主要是用來寫頁面布局的，過程中經(jīng)常需要設(shè)置頁面某些字體的顏色，通常有三種常見方式可以進(jìn)行自定義設(shè)置：

1、通過外部CSS樣式來設(shè)置。可以在head標(biāo)簽中增加style樣式，在body中的其他標(biāo)簽，如h1，p，div等開始標(biāo)簽中，增加class="上述style中定義的名稱，如blue"即可。代碼實(shí)現(xiàn)如下：

2、通過內(nèi)部CSS樣式來設(shè)置。在body中的其他標(biāo)簽，如h1，p，div等開始標(biāo)簽中，增加style="color:white;font-size:25px;"即可。代碼實(shí)現(xiàn)如下：

【推薦：HTML視頻教程】

3、通過font標(biāo)簽來設(shè)置。在body中其他標(biāo)簽內(nèi)容中，增加font標(biāo)簽來設(shè)置字體顏色和大小，如color="yellow" size="5"。需要注意的是，size的最大值是7，并且設(shè)置字體顏色和大小都是用等號(hào)賦值，前兩種CSS樣式是通過英文的冒號(hào)來賦值。代碼實(shí)現(xiàn)如下：

擴(kuò)展資料

HTML網(wǎng)頁上定義字體大小有常見三種單位，分別是：px、em、pt。

1、px是pixel縮寫，是基于像素的單位.在瀏覽網(wǎng)頁過程中，屏幕上的文字、圖片等會(huì)隨屏幕的分辨率變化而變化，一個(gè)100px寬度大小的圖片，在800×600分辨率下，要占屏幕寬度的1/8，但在1024×768下，則只占約1/10。所以如果在定義字體大小時(shí)，使用px作為單位，那一旦用戶改變顯示器分辨率從800到1024，用戶實(shí)際看到的文字就要變“小”（自然長度單位），甚至?xí)床磺澹绊憺g覽。

2、em即％，是相對(duì)單位，是一個(gè)相對(duì)長度單位，最初是指字母M的寬度，故名em?，F(xiàn)指的是字符寬度的倍數(shù)，用法類似百分比，如：0.8em, 1.2em,2em等。通常1em=16px。，一般用來測(cè)量長度的通用單位(例如元素周轉(zhuǎn)的頁邊空白和填充),當(dāng)用于指定字體大小時(shí),em單位是指父元素的字體大小。

3、pt是point(磅)縮寫，是一種固定長度的度量單位,大小為1/72英寸。如果在web上使用pt做單位的文字，字體的大小在不同屏幕（同樣分辨率）下一樣，這樣可能會(huì)對(duì)排版有影響，但在Word中使用pt相當(dāng)方便。因?yàn)槭褂肳ord主要目的都不是為了屏幕瀏覽，而是輸出打印。當(dāng)打印到實(shí)體時(shí)，pt作為一個(gè)自然長度單位就方便實(shí)用了：比如Word中普通的文檔都用“宋體 9pt”，標(biāo)題用“黑體 16pt”等等，無論電腦怎么設(shè)置，打印出來永遠(yuǎn)就是這么大。

以上就是html字體顏色的設(shè)置方法的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注風(fēng)君子博客其它相關(guān)文章！

總結(jié)

以上是生活随笔為你收集整理的html字体颜色的设置方法(文本字体颜色设置方法)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。