<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>字体的其它样式</title>
<style type="text/css">
.p1{
color: red;
font-size: 30px;
font-family: 微软雅黑;
font-style: italic;
/*斜体字 常用*/
font-style: oblique;
/*斜体字 不常用*/
font-weight: 400;
/*粗体*/
font-variant: small-caps;
/* 小型 大写字母 */
}
.p2{
font-size: 50px;
font-family: 微软雅黑;
font-style: italic;
font-weight: bold;
/*加粗*/
font-variant: small-caps;
}
/*简写 简写优点:方便 快捷 解析快*/
.p3{
font: bold italic small-caps 50px '微软雅黑';
}
/*加粗 斜体 小型大写 顺序可以无序 */
/*字体和字号 不可以缺一个 但是字体和字号有序*/
/*字体最后写 字号倒数第二个 */
/*加粗 斜体 小型大写 可以 不写*/
</style>
</head>
<body>
<p class="p1">我是一段文字，ABCDEFGabcdefg</p>
<p class="p2">我是一段文字，ABCDEFGabcdefg</p>
<p class="p3">我是一段文字，ABCDEFGabcdefg</p>
</body>
</html>
