CSS字体样式

字体大小

属性名：font-size

取值：数字+px

注意点：

1.谷歌浏览器默认文字大小是16px

2.单位需要设置，否则无效

字体粗细

属性名：font-weight

取值：

    关键字：

    纯数字：100-900的整百数：

注意点：

1.不是所有字体都提供了九种粗细，因此部分取值页面中无变化

2.实际开发中以：正常、加粗两种取值使用最多，而且我们一般在使用时，会用数字。

字体样式（是否倾斜）

属性名：font-style

取值：

字体系列font-family

属性名：font-family

常见取值：具体字体1，具体字体2，具体字体3，具体字体4……字体系列

    具体字体：微软雅黑、黑体……

    字体系列：sans-serif（无衬线字体）、serif（衬线字体）、monospace（等宽字体）等……

渲染规则：

1.从左往右按顺序查找，如果电脑中未安装该字体，则显示下一个字体

2.如果都不支持，此时会根据操作系统，显示最后字体系列的默认文字

 注意点：

 1.如果字体名称中存在多个单词，推荐使用引号包裹

 2.最后一项字体系列不需要引号包裹

3.网页开发时，尽量使用系统常见自带字体，保证不同用户浏览网页都可以正确显示

样式的层叠问题：

如果给同一个标签设置相同属性，此时样式会层叠，写在最下面的会生效

字体font相关属性的连写

属性名：font（复合属性）

取值： font：style weight size family；

省略要求：只能省略前两个，如果省略了相当于设置了默认值

注意点：如果需要同时设置单独和连写的形式，要么把单独的样式写在连写的下面，要么把单独的样式写在连写的里面