站長(zhǎng)資訊網(wǎng)
在css中，font-style屬性的作用是定義字體的風(fēng)格、設(shè)置文本字體樣式，該屬性會(huì)指定字體是使用斜體、傾斜或正常字體樣式；語(yǔ)法“font-style:normal|italic|oblique;”。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在css中，font-style屬性是用來(lái)設(shè)置文本字體樣式的屬性。
font-style 屬性可以定義字體的風(fēng)格，設(shè)置字體是使用斜體、傾斜或正常字體樣式。斜體字體通常定義為字體系列中的一個(gè)單獨(dú)的字體。理論上講，用戶代理可以根據(jù)正常字體計(jì)算一個(gè)斜體字體。
語(yǔ)法：font-style:normal|italic|oblique;
屬性值：
| 值 | 描述 |
|---|---|
| normal | 默認(rèn)值。瀏覽器顯示一個(gè)標(biāo)準(zhǔn)的字體樣式。 |
| italic | 瀏覽器會(huì)顯示一個(gè)斜體的字體樣式。 |
| oblique | 瀏覽器會(huì)顯示一個(gè)傾斜的字體樣式。 |
代碼示例：
<html> <head> <style type="text/css"> p.normal { font-style: normal } p.italic { font-style: italic } p.oblique { font-style: oblique } </style> </head> <body> <p class="normal">這是一段測(cè)試文本, 默認(rèn)正常樣式。</p> <p class="italic">這是一段測(cè)試文本, 斜體樣式。</p> <p class="oblique">這是一段測(cè)試文本, 傾斜樣式。</p> </body> </html>
效果圖：
（學(xué)習(xí)視頻分享：css視頻教程）
