css font-style属性有什么用
程序员文章站
2022-04-06 23:11:49
...
在css中，font-style属性的作用是定义字体的风格、设置文本字体样式，该属性会指定字体是使用斜体、倾斜或正常字体样式；语法“font-style:normal|italic|oblique;”。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
在css中，font-style属性是用来设置文本字体样式的属性。
font-style 属性可以定义字体的风格，设置字体是使用斜体、倾斜或正常字体样式。斜体字体通常定义为字体系列中的一个单独的字体。理论上讲，用户代理可以根据正常字体计算一个斜体字体。
语法：font-style:normal|italic|oblique;
属性值：
| 值 | 描述 |
|---|---|
| normal | 默认值。浏览器显示一个标准的字体样式。 |
| italic | 浏览器会显示一个斜体的字体样式。 |
| oblique | 浏览器会显示一个倾斜的字体样式。 |
代码示例：
<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">这是一段测试文本, 默认正常样式。</p>
<p class="italic">这是一段测试文本, 斜体样式。</p>
<p class="oblique">这是一段测试文本, 倾斜样式。</p>
</body>
</html>
效果图：
（学习视频分享：css视频教程）
以上就是css font-style属性有什么用的详细内容，更多请关注其它相关文章！
推荐阅读
-
你知道@RequestMapping的name属性有什么用吗？【享学Spring MVC】
-
css3新增属性有哪些？css3中常用的新增属性总结
-
知道css有个content属性吗？有什么作用？有什么应用？
-
thinkphp5 - thinkPHP 自定义 model.class.php 中,这个属性有什么用?
-
thinkphp5 - thinkPHP 自定义 model.class.php 中,这个属性有什么用?
-
超链接标签a里面，有mon这个属性吗？求解_html/css_WEB-ITnose
-
css3新增属性有哪些？css3中常用的新增属性总结
-
CSS 有哪些暖心却鲜为人知的属性？
-
CSS position属性中absolute这个属性是干什么用的？
-
有什么用？_html/css_WEB-ITnose