CSS入门基础知识（三）——字体属性

CSS标签入门基础知识

CSS字体属性

CSS Fonts（字体）属性用于定义字体系列、大小、粗细、文本样式。

字体系列

CSS使用font-family属性定义文本的字体系列。

1、各种字体之间必须使用英文状态下的逗号隔开。
2、一般情况下，如果有空格隔开多个的单词组成的字体，加引号。
3、尽量使用系统默认自带字体，保证任何用户的浏览器中都能正确显示。

字体的大小

CSS使用font-size属性来定义大小。

1、px（像素）大小是我们网页的最常用单位。
2、谷歌浏览器默认的文字大小为16px。
3、不同浏览器可能默认的字体大小不一致，我们要尽量给一个明确的大小值，不要默认大小。
4、可以给body指定整个页面文字的大小。
5、标题标签比较特殊，需要单独指定文字大小。

字体粗细

CSS使用font-weight属性设置文体字体的粗细。

1、学会让加粗标签不加粗，或者其他标签加粗。
2、实际开发中，更常用数字表示加粗。

文字样式

CSS使用font-style属性设置文本的风格。

注意：
平时很少给文字加斜体，反而要个斜体标签（em ，i）改为不斜体字体。

字体的复合属性

字体属性可以把以上文本字样式综合来写，这样可以更节约代码。

1、使用font属性时，不能颠倒顺序，必须按照上面语法格式书写，并且各个属性之间用空格隔开。
2、不需要的设置的属性可以省略（默认值），但必须保留font-size和font-family属性，否则font属性将不起作用。

字体属性总结

（ps：引自pink老师~，刚刚开始作为自己的学习笔记写，如有不好请见谅，阿里嘎多）

参考学习链接。[^1]

[^1]：https://www.bilibili.com/video/BV14J4114768?p=1