⽂字样式
⼀、常⽤的⽂字样式
常⽤的⽂字样式有字体（font-family），字体⼤⼩（font-size），字体样式（font-style），字体的粗细（font-weight），字体⼤⼩写（font-variant），通常我们直接⽤复合样式。
⼆、常⽤⽂字样式实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>⽂字样式</title>
<style>
/
* 1  font-family：字体，默认微软雅⿊，可以同时设置多个字体，只有前⾯的字体没有，就⽤后⾯设置的字体*/
/*
2
font-size：字体⼤⼩（单位：px,rem, %, em）
px:⾕歌浏览器默认字体⼤⼩为16px，最⼩识别为12px;
rem：相对于html根标签的n倍，如⾕歌浏览器的默认字体的⼤⼩为16px，那么font-size⽤rem为单位，那么设定字体的⼤⼩为16*n
em:⽗级字体⼤⼩*n，假如<div>hello<span>world</span>!</div>，假如div的⼤⼩已经设定，那么span可以通过em单位，来设定和⽗级标签成倍数的⼤⼩
% ：同em⼀样，为⽗级字体⼤⼩*n%
*/
/
*3. font-weight：字体粗细，normal(默认粗细),light（变细）, bold（加粗）,bolder（更加粗）*/
/*给值：100-900的整百数*/
fontweight取值/*400为normal,700为bold*/
/*4.font-style：字体样式，也就是是否为斜体（italic）还有⼀个斜体（oblique），正常（normal）*/
/*5.color：字体颜⾊*/
/*颜⾊设置⽅法：color：颜⾊单词，color：#16进制；rgb*/
rgba透明度，取值范围为0到1，0为完全透明，1为完全不透明
div{
font-family：华⽂中宋，华⽂彩云，华⽂楷体;
font-size:100px;
font-weight:400;
font-style:italic;
color:deepskyblue;
}
.span1{
font-family:⿊体；;
font-size:2em;
font-weight:500;
font-style:normal;
color:rgba(199, 31, 133, 0.5);
}
p{
font-family: adobe ;
font-size:50px;
font-weight:400;
font-style:oblique;
}
.span2{
font-family: AIGDT;
font-size:50%;
font-weight:500;
font-style:normal;
}
</style>
</head>
<body>
<div>将军 <span class="span1">百战</span>  穿⾦甲，不破楼兰终不还</div>
<p>关关 <span class="span2">雎鸠</span> ，在河之洲</p>
</body>
</html>