13-CSS字体属性

一、 CSS字体属性

1. 字体样式font-family

body {
     font-family: 'Times New Roman', Times, serif;
  }

注意：

1.可以设置多个字体，系统会按从前到后的顺序，找到哪个用哪个。

2.多个字体间用英文下的逗号隔开。

3.字体可以用中文或者英文。

4.最常见的几个字体：body {font-family: 'Microsoft YaHei',tahoma,arial,'Hiragino Sans GB'; }

2. 字体大小font-size

p {
  font-size: 20px;
  }

注意：

1.px是像素，是网页中最常用的单位。

2.谷歌浏览器的默认大小是16px。

3. 字体粗细font-weight

font-weight有两个属性，默认是normal不加粗，可以用400代替，bold为加粗，可以用700代替。

    .normal {
        /* 400等同于normal，即取消加粗，用数字表示更佳*/
        /* font-weight: normal; */
        font-weight: 400;
    }

    .bold {
        /* 700等同于bold效果 */
        /* font-weight: bold; */
        font-weight: 700;
    }

注意：

1.weight后面值不需要单位。

2.给标题定义weight：400，就是取消加粗

4. 文字样式font-style

font-style属性有两个值，默认是normal不倾斜，italic是字体倾斜，实际开发中会给<em>或<i>标签加font-style:normal。使其不倾斜。

em {
  font-style: normal;
  }
 ​
 h2 {
  font-style: italic;
  }

5. 字体复合属性

        div {
            font: italic 700 50px Arial, Helvetica, sans-serif;
        }

注意：
1.必须按语法格式中的顺序书写，不能更换顺序，并且各个属性间以空格隔开。

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

3.口诀：鞋粗大踢→倾斜，粗细，大小，字体。