字体属性
- font-weight(设置文字的粗细)
- font-style(设置文字倾斜加粗)
- font-variant(设置小型大写字母)
- font-family(设置字体)
字体大小(相对单位)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>字体大小</title>
<style type="text/css">
p{font-size: 50px;}
.larger{font-size: larger;}
.smaller{font-size: smaller;}
.em{font-size: 2em;}
.percent{font-size: 150%;}/*p标签的的大小*150%*/
</style>
</head>
<body>
<!-- 相对单位 -->
<p>文字大小px,受显示器分辨率影响</p>
<p>文字大小<span class="larger">相对父元素的文字大小变大</span></p>
<p>文字大小<span class="smaller">相对父元素的文字大小变小</span></p>
<div id="fontSize">
<p>文字大小<span class="em">相对值em</span></p&