5、CSS字体属性

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

（1）字体系列

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

P  { font-family：“微软雅黑”；}

div  {    font-family: 'Microsoft  Yahei', Arial,   }

注意：

1.各种字体之间必须使用英文状态下的逗号隔开

2.一般情况下，如果有空格隔开的多个单词组成的字体，加引号

3.尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示。

（2）字体大小

font-size属性定义字体大小

p  {  font-size：20px ；}  

注意：

1.px（像素）大小是网页的最常用的单位；

2.谷歌浏览器默认的文字大小为16px

3.不同的浏览器可能默认的字体大小不一致，需要使用一个明确的值确定大小，不要默认字体大小

4.可以给body指定整个页面文字的大小，标题标签比较特殊，需要单独指定大小

（3）字体粗细

Font-weight属性定义字体的粗细

normal：默认值正常字体，相当于number为400，声明这个值将取消之前的任何设置。

bold：定义粗体，相当于normal等于700。也相当于b对象的作用。

bolder：特粗体。

lighter：细体。

（4）文字样式

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

P {

     font-style: normal ；

}

normal：默认值，浏览器会显示标准的字体样式font-style：normal；

italic：浏览器会显示斜体的字体样式。

（5）文字的复合属性：

P  {

   font-style: normal ；

font-weight：700；

font-size：20px ；

font-family: 'Microsoft  Yahei'；

}

转变为下列综合样式，更节约代码。

P  {

font：font-style   font-weight    font-size/line-height    font-family

}

注意：

1.使用font属性时，必须按上面的语法格式中的顺序书写，不能更换顺序，并且各个属性之间以空格隔开。

2.不需要设置的属性可以省略（取默认值），但是必须保留font-style和font-family属性，否则font属性不起作用。