<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>字体其他样式样式</title>
<style type="text/css">
.p1{
/* color:red;
font-size:30px;
font-family:"微软雅黑" */
/*
font-style 可以用来设置文字的斜体
- 可选值:
normal,默认值,文字正常显示
italic 文字会以斜体显示
oblique 文字会以倾斜的效果显示
- 大部分浏览器都不会对倾斜和斜体做区分
*/
font-style:italic;
font-weight: 900;
/*
font-weight 可以用来设置文本的加粗效果
可选值:
normale 默认值,文本正常显示
bold 文本加粗显示
该样式也可以指定100-900 之间的九个值
但是由于用户的计算机往往没有这么多级别的字体,所以达到我们想要的效果
也就是200有可能比100粗,但也可能一样
*/
/*
font-variant 可以用来设置小型大写字母
可选值:
normal,默认值,字体正常显示
small-caps 文本以小型大写字母显示
*/
font-variant: small-caps;
/*
在CSS中还有一个样式font
使用该样式可以设置字体相关的所有样式
可以将字体的样式的值,统一写在font 样式中,不同值之间使用空格隔开
使用font设置字体样式时,斜体 加粗 小大写字母 ,没有顺序要求,甚至可以不写,
如果不写则使用默认值 但是要求文字的大小与和字体必须要写,而且字体必须时最后一个
大小必须时倒数第二个
实际上使用简写属性也会有一个比较好的性能
font: italic small-caps bold 60px "微软雅黑";
*/
}
</style>
</head>
<body>
<p class="p1">aaaaaa AAAAA </p>
</body>
</html>