首頁 > web前端 > html教學 > html如何改變字體顏色

html如何改變字體顏色

醉折花枝作酒筹
發布: 2021-04-14 09:35:11
原創
10765 人瀏覽過

方法:1.html標籤內使用style屬性,語法「」;2、在style標籤內寫入「color:顏色」的樣式; 3.透過font標籤的color屬性設置,語法「

html如何改變字體顏色

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

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

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

html如何改變字體顏色

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如何改變字體顏色

擴充資料

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影片教學

以上是html如何改變字體顏色的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板