html字體顏色的設定方法

html字體顏色的設定方法：1、透過外部CSS樣式設置，程式碼如「.blue{color:blue;}」；2、透過內部CSS樣式設置，程式碼如「style="color: white;font-size:25px;"」；3、透過font標籤設定。

本教學操作環境：windows7系統、HTML5&&CSS3版，DELL G3電腦，此方法適用於所有品牌電腦。

HTML主要是用來寫頁面佈局的，過程中經常需要設定頁面某些字體的顏色，通常有三種常見方式可以進行自訂設定：

1、透過外部CSS樣式來設定。可以在head標籤中增加style樣式，在body中的其他標籤，如h1，p，div等開始標籤中，增加class="上述style中定義的名稱，如blue"即可。程式碼實作如下：

2、透過內部CSS樣式來設定。在body中的其他標籤，如h1，p，div等開始標籤中，增加style="color:white;font-size:25px;"即可。程式碼實作如下：

【推薦：HTML影片教學】

3、透過font標籤來設定。在body中其他標籤內容中，增加font標籤來設定字體顏色和大小，例如color="yellow" size="5"。要注意的是，size的最大值是7，並且設定字體顏色和大小都是用等號賦值，前兩種CSS樣式是透過英文的冒號來賦值。程式碼實作如下：

擴充資料

HTML網頁上定義字型大小有常見三種單位，分別是：px、em、pt。

1、px是pixel縮寫，是基於像素的單位.在瀏覽網頁過程中，屏幕上的文字、圖片等會隨屏幕的分辨率變化而變化，一個100px寬度大小的圖片，在800×600解析度下，要佔螢幕寬度的1/8，但在1024×768下，則只佔約1/10。所以如果在定義字體大小時，使用px作為單位，那麼一旦用戶改變顯示器解析度從800到1024，用戶實際看到的文字就要變「小」（自然長度單位），甚至會看不清，影響瀏覽。 

2、em即％，是相對單位，是一個相對長度單位，最初是指字母M的寬度，故名em。現指的是字元寬度的倍數，用法類似百分比，如：0.8em, 1.2em,2em等。通常1em=16px。 ，一般用來測量長度的通用單位(例如元素週轉的頁邊空白和填充),當用於指定字體大小時,em單位是指父元素的字體大小。

3、pt是point(磅)縮寫，是一種固定長度的度量單位,大小為1/72英吋。如果在web上使用pt做單位的文字，字體的大小在不同螢幕（同樣解析度）下一樣，這樣可能會對排版有影響，但在Word中使用pt相當方便。因為使用Word主要目的都不是為了螢幕瀏覽，而是輸出列印。當列印到實體時，pt作為一個自然長度單位就方便實用了：比如Word中普通的文檔都用“宋體9pt”，標題用“黑體16pt”等等，無論電腦怎麼設置，打印出來永遠就是這麼大。

以上是html字體顏色的設定方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！