本文详细介绍了CSS中字体的设置，包括字体大小、粗细、样式和系列，如`font-size`、`font-weight`、`font-style`和`font-family`的使用。同时，探讨了字体样式的层叠问题，当相同标签有多个样式定义时，浏览器如何选择生效的样式。默认字体在Windows系统上为微软雅黑，Mac系统上为苹方。
CSS基础03
字体大小
属性：font- size
取值：数字+px
注意：
- 默认为16px
字体粗细
属性名：font-weight
取值：
- 关键字
| 效果 | 属性 |
|---|---|
| 正常 | normal |
| 加粗 | bold |
- 纯数字（常用
| 效果 | 属性 |
|---|---|
| 正常 | 400 |
| 加粗 | 700 |
字体样式（倾斜
属性：font-style
取值：
- 正常：normal
- 倾斜：italic
字体系列
属性：font- family
取值
常见：具体字体1 具体字体2 字体系列
- 具体字体：微软雅黑、黑体、宋体、楷体
- 字体系列：sans-serif （无衬线字体）serif（衬线字体） monospace（等宽字体）
注意
- 如果字体有多个单词 推荐用引号包裹
- 最后一项字体系列不用引号包裹
- 一般使用默认字体
| 系统 | 默认字体 |
|---|---|
| Windows | 微软雅黑 |
| Mac | 苹方 |
拓展：样式的层叠问题
问题
- 给同一个人标签设置相同样式 此时浏览器将如何渲染？
解答
- 写在最下面的会生效
扫一扫
641
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
