愛伊米

字型大小_零基礎學HTML+CSS

在HTML中用其字型標記來修飾文字字型方面的屬性,使文字顯示更豐富。本文所要講述的就是網頁中常用的字型標記,例如一個標題字型需要變大,並且顏色是紅色,字型類別使用黑體或楷體等。

字型大小_零基礎學HTML+CSS

1、字型大小的設定

字型大小用畫素表示,例如:12畫素、14畫素、16畫素,一般網頁中會有一個預設大小的畫素,如果想改變字型大小,就需要重新設定。合理的字型大小能為網頁新增很多修飾,看著更美觀,更舒適。

格式:< font size=“#”>菁瑞優智< /font>

關鍵字size用來表示大小,#表示1-7的任意一個數字,數字越大,字型也就越大。

字型大小_零基礎學HTML+CSS

2、設定字型顏色

不同的字型顏色搭配,能讓使用者從視覺上更加認可網頁,更能突出文章重點,這樣才能讓使用者有繼續瀏覽下去的可能。

格式:< font color=“#”>菁瑞優智< /font>

關鍵字color用來表示顏色,#表示顏色,可以是代表顏色的單詞,例如“red”,也可以是RGB顏色值,例如“#cccccc”。

字型大小_零基礎學HTML+CSS

3、字型分為邏輯字型和物理字型

物理字型在工作中會經常用到,在《常用HTML標記和格式》中已經介紹過一部分,本文再次羅列出來,與其他標記一起比較,加深記憶。

< B>< /B>:將字元設定成粗體

< I>< /I>:將字元設定成斜體

< U>< /U>:給字元增加下劃線

< S>< /S>:給字元增加刪除線

< TT>< /TT>:將字元設定成打字機字型

< SUP>< /SUP>:將字元設定成上標字型

< SUB>< /SUB>:將字元設定成下標字型

邏輯字型可能很少見到,但作用很大。邏輯字型所體現的重點不同物理字型,其所顯示出來的效果更美觀。

< EM>< /EM>:強調文字

< STRONG>< /STRONG>:字型加重

< CODE>< /CODE>:顯示程式設計程式碼

< SAMP>< /SAMP>:顯示示例文字

< KBD>< /KBD>:顯示鍵盤按鍵文字

< SMALL>< /SMALL>:縮小文字

< BIG>< /BIG>:放大文字