lxmoe的css学习笔记（二）在css学习完四种基本选择器之后，我又进入了css字体属性的学习，这样我们就可以给字体"

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第6天，点击查看活动详情

在css学习完四种基本选择器之后，我又进入了css字体属性的学习，这样我们就可以给字体“穿衣服”啦。

CSS字体属性

字体在网页中起到非常重要的作用，为了使页面美观，我们常常为字设置字体大小，字体系列，字重等等，而css中Fonts属性用于定义字体系列、大小、粗细和文字样式。接下来我们将一一介绍：

css使用font-family属性来定义文本的字体系列。基本格式如下：

p { font-family: "宋体";}
div { font-family: Arial,"Microsoft Yahei";}

我们可以为文本设置多个字体系列，但各种字体之间必须用英文状态下的逗号分隔开，一般情况下，如果有空格隔开的多个单词，比如Microosoft Yahei,应该加引号。

设置多个字体时，浏览器会从第一个开始识别电脑内上是否安装此字体，以此类推，哪个在电脑内有安装就会使用此字体，如果都没有，将会使用浏览器默认字体——微软雅黑。

css使用font-weight属性来定义字体粗细，基本格式如下：

p{
    font-weight: 700;
}

属性值normal为浏览器默认值，即不加粗的；bold为加粗的；我们还可以用一个数字，这是在开发过程中更提倡的，范围为100-900，其中400等同于normal，700等同于bold，数字后没有单位。

css使用font-style属性设置文本风格，基本格式如下：

p {
    font-style: normal;
}

属性值normal为浏览器默认值；italic为斜体。

当我们想要定义多个属性时该怎么定义呢，我们首先想到的可能是以下这种方式：

div {
    font-style: italic;
    font-weight: 700;
    font-size: 16px;
    font-family: 'Microsoft yahei';
}

但是看起来是不是有些麻烦呢，我们还有更简单的办法：

div {
   /* font：font-style font-weight font-size/line-height font-family；*/
font:italic 700 16px 'Microsoft yahei';
}

使用font属性时，必须按上面语法格式中的顺序书写，不能随意的更换顺序，各个属性之间还要用空格隔开。

不需要设置的属性可以省略，但是必须保留font-size和font-family属性。