【字体样式】入门

基本样式 

1、color

设置字体颜色,也可以设置其他颜色,例如边框的颜色等

2、font-size

设置字体的大小,注意不同的单位px，em，rem

3、font-family

可以指定文字的字体

  补充：字体的分类 （一般会将字体的大分类，指定为font-family中的最后一个字体 ，用来兜底）

在网页中将字体分成5大类：

（1）serif（衬线字体）

（2）sans-serif（非衬线字体）

（3）monospace （等宽字体）

（4）cursive（草书字体）

（5）fantasy（虚幻字体）

4、@font-face

自定义字体（引入其自己下载的字体）

<style>

      /* 自定义字体 */
      @font-face {

        /* 你给字体起的名字 */
        font-family: "名字";

        /* 字体的引入路径 */
        src: url(./字体引入的路径);
      }

      p {
        font-family: "名字";
      }

</style>

 其他样式补充：

1、设置文字斜体

font-style:

   可选值:  normal  文字正常显示；

                 italic  文字斜体（常用）；

                 oblique  文字斜体。

2、设置文字的加粗

font-weight:

      可选值:  normal  文字正常显示，默认值；

                    bold/bolder  文字加粗；

                   100-900之间的数值，100是最细，900最粗。

 3、设置一个小型大写字母

font-variant:

      可选值:  normal  文字正常显示，默认值；

                    small-caps  字母小型大写字母。

4、font 同时设置

font 可以同时设置以上所有的字体相关的样式，颜色不可以。

注意：（1）必须有字体大小和字体；

           （2）字体必须在倒数第一位，字体大小必须在倒数第二位；

           （3）后面两者必须写，前面两者顺序无所谓，可不写。

<style>
	    p{
			font: italic bold 40px sans-serif;  
		}
</style>