样式是用于美化网页，为什么要美化网页呢？
- 有效传递页面信息
- 美化网页，吸引用户
- 凸显页面的主题
- 提高用户的体验
字体样式
给页面中的文字添加一点样式，如大小、粗细、颜色等。CSS的字体属性有：
- color 字体颜色
- font-size 字体大小
- 该属性的值可以使用相对长度单位，也可以使用绝对长度单位
- font-family 字体样式
- 字体样式建议使用英文名称，兼容性较好。
| 字体名称 | 英文名称 |
|---|---|
| 宋体 | SimSun |
| 黑体 | SimHei |
| 微软雅黑 | Microsoft YaHei |
| 隶书 | LiSu |
| 幼圆 | YouYuan |
| 华文细黑 | STXihei |
| 细明体 | MingLiU |
- font-weight 字体粗细
- normal 表示不加粗
- bold 表示加粗
- 100~900 数值越大字体越粗
- font-style 字体风格
- normal 表示标准字体样式
- italic 表示斜体
- oblique 表示倾斜的字体
- letter-spacing 字体间距
写一段代码查看一下字体属性值表示出来的效果：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
/* 利用标签选择器选中h2标签 */
h2 {
font-size: large;
font-family: "Microsoft YaHei";
font-weight: 300;
font-style: italic;
}
</style>
</head>
<body>
<h2>正在学习CSS字体属性</h2>
<p>你好</p>
</body>
</html>
如果想更直观地看到效果，可以直接在浏览器控制台中修改代码，最后把修改好的代码copy到源代码处就好。
出来使用上面的字体属性一个一个去定义，还可以使用 font 属性来集中定义字体。
扫一扫
609
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
