在CSS中,font-style
屬性用於指定文本的字體樣式,取值有如下4種:
值 | 描述 |
---|---|
normal | 默認值。標準的字體樣式 |
italic | 斜體的字體樣式 |
oblique | 傾斜的字體樣式 |
inherit | 從父元素繼承的樣式 |
我們看一下不同取值的效果如何:
HTML代碼:
<p class="normal">這是一個段落,正常。normal</p>
<p class="italic">這是一個段落,斜體。italic</p>
<p class="oblique">這是一個段落,斜體。oblique</p>
CSS代碼:
.normal {font-style:normal;}
.italic {font-style:italic;}
.oblique {font-style:oblique;}
效果:
從目前的顯示效果來看,italic
和oblique
的效果並沒有區別,那麼它們各有什麼用途呢?
其實它們都是讓字體具有傾斜的效果,italic
是字體自帶的斜體屬性,oblique
是使字體向右傾斜。但是,並不是所有字體都具有斜體的樣式,對於那些沒有斜體樣式的字體來說,使用italic
是沒有效果的,此時就可以利用oblique
代替italic
來實現字體傾斜的效果啦。
一句話總結:italic
和oblique
都是讓字體具有傾斜的效果,當字體沒有italic
屬性時,可以使用oblique
來替代。