CSS字体属性（family+size+style+weight+color）

目录

1.font-family 设置字体类型

2.font-size 字体大小

3.font-style  指定斜体文本

4.font-weight 控制字体粗细

5.font-variant 使得小写字母转换为小型大写字母，使大写字母变换为大型大写字母

6.color 指定字体颜色

---

1.font-family 设置字体类型

两个字体系列

1. 字体系列：特定的字体系列 (例如：Times New Roman、Arial)
2. 通用族：一组具有相似外观的字体组（例如：Serif 、Monospace）

两点注意事项

1. 用逗号分隔开每个字体类型备选项，浏览器会根据是否支持字体类型，顺次检索。比如你加了3个字体，第一个浏览器无法识别，则浏览器会使用第2个字体，如果还不能使用，则继续检索，直至可以使用，我们一般在最后，填写通用字体，以备正常展示字体。
2. 对于字体名称大于两个单词及以上的，需要用引号。比如： "Times New Roman "

2.font-size 字体大小

使用关键字来表示字体大小。

常用关键字：编译器一般都有提示

xx-small、x-samll、small、smaller、medium、large、larger

3.font-style  指定斜体文本

font-style用于指定斜体文本。

html中的i标签，和斜体效果等同。

css代码：

p.normal {
 font-style:normal; /*常规*/
}

p.italic {
 font-style:italic;  /*斜体*/
}

p.oblique {
 font-style:oblique;  /*斜体，与italic类似，相比之下，支持这个的浏览器少*/
}

4.font-weight 控制字体粗细

一般有以下取值：

normal、bold、bolder、lighter等

除以上的表达方式之外，还可以使用数字100-900来表示文本粗细。

normal: 400

bold:     700

html中的<strong>标签也可以是字体变粗。

5.font-variant 使得小写字母转换为小型大写字母，使大写字母变换为大型大写字母

值一般有以下几个：

normal、small-caps、inherit等

ps:不是多有字体都支持这个变体，具体要自行测试才能知道。

6.color 指定字体颜色

表达方式一： 值可以取： red、green、blue等。

表达方式二：值可以取：十六进制、RGB

css代码：

十六进制表示法
h1 {
color:#0000F1;
}


rgb表示法
h2 {
color:rgb(255,0,0);
}