字体系列
css使用font-family属性定义文本的字体系列
p {
font-family:"微软雅黑",arial,宋体;
}
- 各种字体之间用英文的逗号隔开
- 多个单词组成的字体加引号
- 有多个字体存在时,按顺序使用电脑中存在的字体,只能使用一种字体形式
字体大小
css使用font-size属性定义文本的大小系列
p {
font-size: 16px;
}
- px(像素)是常用的单位
- 标题标签(h)比较特殊,需要单独指定文字大小
- 可以给body指定整个页面文字的大小
字体粗细
css使用font-weight属性定义文本的粗细系列
p {
font-weight: bold;
}
属性值 | 描述 |
normal | 默认值(可以给标题标签h或加粗标签strong等设置不加粗的) |
bold | 定义粗体(加粗的) |
100-900 | 400等同于normal,而700等同于bold 注意这个数字后面不跟单位 |
- 实际开发中我们更喜欢用数字
文字样式
css使用font-style属性定义文本的风格
p {
font-style: normal;
}
属性值 | 作用 |
normal | 默认值,浏览器会显示标准的字体样式 font-style: normal; 可以让倾斜的字体不倾斜 |
italic | 浏览器会显示斜体的字体样式 |