在CSS中，font-style属性用于指定文本的字体样式，取值有如下4种：
| 值 | 描述 |
|---|---|
| normal | 默认值。标准的字体样式 |
| italic | 斜体的字体样式 |
| oblique | 倾斜的字体样式 |
| inherit | 从父元素继承的样式 |
我们看一下不同取值的效果如何：
HTML代码：
<p class="normal">这是一个段落,正常。normalp>
<p class="italic">这是一个段落,斜体。italicp>
<p class="oblique">这是一个段落,斜体。obliquep>
CSS代码：
.normal {font-style:normal;}
.italic {font-style:italic;}
.oblique {font-style:oblique;}
效果：
从目前的显示效果来看，italic和oblique的效果并没有区别，那么它们各有什么用途呢？
其实它们都是让字体具有倾斜的效果，italic是字体自带的斜体属性，oblique是使字体向右倾斜。但是，并不是所有字体都具有斜体的样式，对于那些没有斜体样式的字体来说，使用italic是没有效果的，此时就可以利用oblique代替italic来实现字体倾斜的效果啦。
一句话总结：italic和oblique都是让字体具有倾斜的效果，当字体没有italic属性时，可以使用oblique来替代。
若对你有帮助，可以支持一下作者创作更多好文章哦~
