CSS基礎教學(5)--文字的粗體與斜體

文字粗細
在 CSS 中設定文字粗細的語法如下

font-weight:粗細值;

粗細值可以是下列中任何一個值
lighter, normal, bold, bolder, 100, 200, 300, 400, 500, 600, 700, 800, 900
例如

<DIV style="font-weight:lighter;">lighter, 這裡會是細體的文字</DIV>
<DIV style="font-weight:normal;">normal, 這裡也會是細體的文字</DIV>
<DIV style="font-weight:bold;">bold, 這裡會是粗體的文字</DIV>
<DIV style="font-weight:bolder;">bolder, 這裡也會是粗體的文字</DIV>
<DIV style="font-weight:100;">100, 這裡也會是細體的文字</DIV>
<DIV style="font-weight:200;">200, 這裡也會是細體的文字</DIV>
<DIV style="font-weight:300;">300, 這裡也會是細體的文字</DIV>
<DIV style="font-weight:400;">400, 這裡也會是細體的文字</DIV>
<DIV style="font-weight:500;">500, 這裡也會是細體的文字</DIV>
<DIV style="font-weight:600;">600, 這裡也會是粗體的文字</DIV>
<DIV style="font-weight:700;">700, 這裡也會是粗體的文字</DIV>
<DIV style="font-weight:800;">800, 這裡也會是粗體的文字</DIV>
<DIV style="font-weight:900;">900, 這裡也會是粗體的文字</DIV>

bolder 及 lighter 是指相對於上層標籤的文字粗細度
雖然定義上可以使用這麼多種值, 但我在使用上得到的效果其實只有 normal 及 bold 兩種, 沒有比 normal 更細的效果, 也沒有比 bold 更粗的效果, 因此可以當作只有 normal 及 bold 這兩種值即可

文字的斜體
在 CSS 中設定文字斜體的語法如下

font-style:斜體值;

斜體值可以是下列中任何一個值
normal, italic, oblique
例如

<DIV style="font-style:normal;">normal, 這裡會是一般正體的文字</DIV>
<DIV style="font-style:italic;">italic, 這裡會是斜體的文字</DIV>
<DIV style="font-style:oblique;">oblique, 這裡也會是斜體的文字</DIV>

設定 italic 與 oblique 任何一種值都可以得到斜體的效果, oblique 是斜的意思, 而 italic 即是義大利, 之所以會以它來當斜體的值, 是因為義大利有個世界知名的比薩斜塔

--gs--
{CSS基礎教學}{HTML基礎教學 FONT}

沒找到你要的東西嗎？歡迎留下你的問題！若是我知道的，我會盡力的回答。