前言

CSS-字体属性-学习笔记
字体属性：
· 字体系列
· 字体大小
· 字体粗细
· 文字样式（如斜体等）
· 字体复合属性
· 总结




· 字体系列

CSS 使用 font-family 属性定义字体系列
用法：

<style>
    .font {
        font-family: 'Microsoft Yahei', 'Times New Roman', Times, serif;
    }
</style>

· 各种字体之间必须使用英文下的逗号隔开
· 一般情况下，如果有空格隔开的多个单词的字体，加引号
· 尽量使用系统默认的自带字体，保证在任何用户的游览器中都能正确显示
· 最常见的几个字体：’Mircrosoft Yahei’, tahoma, arial, ‘Hiragino Sans GB’




· 字体大小

CSS 使用 font-family 属性定义文本的字体系列
用法：

.font-size {
    font-size: 100px;
}

· px( 像素 )大小是我们网页的最常用的单位
· 谷歌游览器默认的字体大小为16px
· 不同游览器可能默认显示的字体大小不一致，我们尽量给一个明确值大小，不要默认大小
· 我们该可以给body指定整个页面的大小:

 body {
     font-size: 16px;
 }

 <!-- 标题标签比较特殊,需要单独指定文字大小 -->
 h2 {
     font-size: 20px;
 }




· 字体粗细

CSS 使用 font-weight 属性定义字体粗细
用法：

.font-weight-bold {
    font-weight: bold;
}

/* 实际开发中，提倡用数字 表示加粗或变细 */
.font-weight {
    font-weight: 700;
}

h2 {
    font-weight: 400;
}

· normal 默认值
· bold 加粗
· number 100 ~ 900，其中normal等于400，bold等于700
· 学会让加粗标签不加粗，或其他标签加粗




· 文字样式

CSS 使用 font-style 属性设置文本的风格
用法：

.font-weight-bold {
    font-weight: bold;
}

· normal 默认值
· bold 加粗
· number 100 ~ 900，其中normal等于400，bold等于700
· 学会让加粗标签不加粗，或其他标签加粗




· 字体复合属性

CSS 使用 font-style 属性设置文本的风格
用法：

.div {
    /* 复合属性：简写的方式 */
    /* font: font-style font-weight font-size/line-height font-family */

    font: italic 700 16px "Microsoft YaHei"
}

· 使用 font 属性时，必须按上面语法格式中的顺序书写，不能更换顺序， 并且各个属性间以空格隔开
· 不需要设置的属性可以省略（取默认值），但必须保留 font-size 和 font-family 属性否则 font 属性 将不起作用




· 总结

属性 表示 注意点
font-size 字号 我们通常用的单位是px像素，一定要跟上单位
font-family 字体 实际工作中按照团队约定来写字体
font-weight 字体粗细 记住加粗是 700 或者 bold 不加粗 是 normal 或者 400 记住数字不跟单位
font-style 字体样式 记住倾斜是 italic ; 不倾斜是 normal ； 工作中我们最常用 normal
font 字体连写 1.字体连写是有顺序的 ; 不能随意换位置 2.其中字号 和 字体 必须同时出现