网页中通常需要设置不同位置字体的大小不同，比如商品中，商品名字体一般比商品价格的字体要稍大一点。
可以使用css font-size属性设置字体的大小解决这一问题。
语法
其语法十分简单
font-size: value;| 字体大小值 | 说明 |
|---|---|
| xx-small | 用来显示最小文本大小。 |
| x-small | 用于显示超小文本大小。 |
| small | 用于显示小文本。 |
| medium | 用于显示中等文本。 |
| large | 用于显示大文本。 |
| x-large | 用于显示超大文本大小。 |
| xx-large | 用于显示超大大文本大小。 |
| smaller | 用于显示相对较小的文本。 |
| larger | 用于显示相对较大的文本。 |
| px 或者 % | 用于设置百分比或像素值。 |
一般来说设置字体的大小，使用像素值是比较常用的方法。
例子
这里给出一个简单的例子说明font-size的使用方法。
<!DOCTYPE html>
<html>
<title>css 字体大小 font-size</title>
<body>
<p style="font-size:xx-small;"> 这个字体非常小。</p>
<p style="font-size:x-small;"> 这个字号超小</p>
<p style="font-size:small;"> 这个字体大小是small</p>
<p style="font-size:medium;"> 此字体大小为中等。 </p>
<p style="font-size:large;"> 这个字体很大。 </p>
<p style="font-size:x-large;"> 这个字体特别大。 </p>
<p style="font-size:xx-large;"> 这个字体非常大。 </p>
<p style="font-size:smaller;"> 这个字体比较小。 </p>
<p style="font-size:larger;"> 这个字体比较大。 </p>
<p style="font-size:200%;"> 此字体大小设置为 200%。 </p>
<p style="font-size:20px;"> 此字体大小为 20 像素。 </p>
</body>
</html>