再加个样式 - 使用font-style设置字体样式，初识HTML(5)+CSS(3)-升级版教程-慕课网

10-4 再加个样式 - 使用font-style设置字体样式

本节编程练习不计算学习进度，请电脑登录imooc.com操作

再加个样式 - 使用font-style设置字体样式

我们来学习设置字体样式font-style属性，比如我们想实现以下效果：

如果想实现以上效果,我们可以输入以下代码:

技术点的解释：

1、font-style可以设置字体样式，并且有种3设置方式。

2、正常字体为normal,也是font-style的默认值。

3、italic为设置字体为斜体，用于字体本身就有倾斜的样式。

4、oblique为设置倾斜的字体，强制将字体倾斜。

任务

我也来试试：把段落中的文字全部设置为斜体样式

index.html

<!DOCTYPE html>
<html>
 
<head>
    <meta charset="UTF-8">
    <title>斜体样式</title>
    <style type="text/css">
 
    </style>
</head>
 
<body>
    <p>三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p>
</body>
 
</html>