字体大小
- 属性名:
front-szie
- 作用:控制字体的大小
- 语法:
p { font-size: 100px; }
敲黑板:
1.不同浏览器有各自的最小支持字体大小,小于这个大小则按默认字体大小算(当为0px时字体消失不见)
2.可以给body设置’ front-szie '属性,使body中的其他元素继承属性(相当于修改默认属性)
字体族
- 属性名:
font-family
- 作用:控制字体类型
- 语法:(此处为设置多个备用字体的用法)
div{ font-family: "STCaiyun","Microsoft YaHei",sans-serif }
敲黑板:
- 使用字体的英文名字兼容性会更好
- 字体名没有空格可以不写引号,
如果字体名包含空格,必须使用引号包裹起来。- 可以设置多个字体,按照从左到右的顺序逐个查找,找到就用,没有找到就使用后面的,且通常在最后写上 serif (衬线字体)或 sans-serif (非衬线字体),这样的话如果所有字体都没找到则找一个电脑自带的一个对应字体使用
字体粗细
- 属性名: font-weight
- 作用:控制字体的粗细。
- 常用值:(也可以用数值表示,但不常用)
- lighter :细
- normal : 正常
- bold :粗
- bolder :很粗 (大部分不支持)
- 语法:
div { font-weight: bold; }
字体复合属性
- 属性名: font ,可以把上述字体样式合并成一个属性。
- 作用:将上述所有字体相关的属性复合在一起编写。
编写规则:
- 字体大小、字体族必须都写上
- 字体族必须是最后一位、字体大小必须是倒数第二位
- 各个属性间用空格隔开
实际开发中更推荐复合写法,但这也不是绝对的,比如只想设置字体大小,那就直接用 font-size 属性
div{ font:bold 100px "STCaiyun","Microsoft YaHei",sans-serif }