css font-style属性有什么用

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

效果图:

1.png

(学习视频分享css视频教程

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效