CSS常用属性（字体属性）

一、字体大小

属性名： font - size

作用：控制字体的大小

语法：

div {
    font-size: 80px;
}

注意点：

1. Chrome 浏览器支持的最小文字为 12px ，默认的文字大小为 16px ，并且 0px 会自动消失。

2. 不同浏览器默认的字体大小可能不一致，所以最好给一个明确的值，不要用默认大小。

3. 通常以给 body 设置 font - size 属性，这样 body 中的其他元素就都可以继承了。

二、字体族

属性名： font - family

作用：控制字体类型。

语法：

div {
    font-family: "STCaiyun","Microsoft YaHei",sans-serif
}

注意：

1. 使用字体的英文名字兼容性会更好，具体的英文名可以自行查询，或在电脑的设置里去寻找。

2. 如果字体名包含空格，必须使用引号包裹起来。

3. 可以设置多个字体，按照从左到右的顺序逐个查找，找到就用，没有找到就使用后面的，且通常在最后写上 serif （衬线字体）或 sans - serif （非衬线字体）。

4. windows 系统中，默认的字体就是微软雅黑。

 

三、字体风格  

属性名： font - style

作用：控制字体是否为斜体。

常用值：

        1. normal ：正常（默认值）

        2. italic ：斜体（使用字体自带的斜体效果）

        3. oblique ：斜体（强制倾斜产生的斜体效果）

（实现斜体时，更推荐使用 italic 。 ）

语法：

div {
    font-style: italic;
}

四、字体粗细

属性名： font - weight

作用：控制字体的粗细。

常用值：

•  关键词 ：

                1. lighter ：细

                2. normal ： 正常

                3. bold ：粗

                4. bolder ：很粗 （多数字体不支持）

• 数值 ：

                1. 100~1000 且无单位，数值越大，字体越粗 （或一样粗，具体得看字体设计时的精确程度）。

                2. 100~300 等同于 lighter ， 400~500 等同于 normal ， 600 及以上等同于 bold 。

 语法：

div {
    font-weight: bold;
}
div {
    font-weight: 600;
}

五、字体复合写法

属性名： font ，可以把上述字体样式合并成一个属性。

作用：将上述所有字体相关的属性复合在一起编写。

编写规则：

        1. 字体大小、字体族必须都写上。

        2. 字体族必须是最后一位、字体大小必须是倒数第二位。

        3. 各个属性间用空格隔开。

实际开发中更推荐复合写法，但这也不是绝对的，比如只想设置字体大小，那就直接用 font -size 属性。