italic和oblique的區別

在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;}

效果:
顯示效果
從目前的顯示效果來看,italicoblique的效果並沒有區別,那麼它們各有什麼用途呢?
其實它們都是讓字體具有傾斜的效果italic是字體自帶的斜體屬性,oblique是使字體向右傾斜。但是,並不是所有字體都具有斜體的樣式,對於那些沒有斜體樣式的字體來說,使用italic是沒有效果的,此時就可以利用oblique代替italic來實現字體傾斜的效果啦。

一句話總結italicoblique都是讓字體具有傾斜的效果,當字體沒有italic屬性時,可以使用oblique來替代。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章