1.font-family 文本的字体
选择器 {
font-family: 字体1,字体2,字体3;
}
各个字体之间必须用英文状态下的逗号隔开
尽量使用默认字体 以保证不同浏览器能正确显示
一般整个页面使用同一字体 写在body后面
如果字体中间有空格,用引号
多个字体之间用,分隔
2.font-size 字体大小
谷歌浏览器默认 16px
不同浏览器默认值不同 所以一般需要指定字体大小 避免浏览器之间的差异
标题标签比较特殊 需要单独指定大小
通常给body设置
3.font-weight 字体粗细
normal正常/bold粗体/bolder特粗/lighter细体/number数字加粗 无单位 实际开发中更提倡使用数字加粗
400(不加粗)等同于normal 700(加粗)等同于bold 注意这个数字后不跟单位
4.font-style 字体样式
normal正常(不倾斜)/tialic斜体
font-style主要将倾斜的标签em i改为不倾斜
5.字体的复合属性(简写方式 节约代码)
body {
font: font-style font-weight font-size/line-height font-family;
}
不能更换顺序 属性间以空格隔开
不需设置的属性可以省略(取默认值) font-size font-family不可省略