持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第15天，点击查看活动详情
1 font-size
具体数值+单位
-
比如100px
-
也可以使用em单位(不推荐)：1em代表100%，2em代表200%，0.5em代表50%
百分比：基于父元素的font-size计算，比如50%表示等于父元素font-size的一半
2 font-family
font-family用于设置文字的字体名称
-
可以设置1个或者多个字体名称;
-
浏览器会选择列表中第一个该计算机上有安装的字体;
-
或者是通过 @font-face 指定的可以直接下载的字体。
淘宝单独给小于 body 的标签设置字体的原因是怕有些浏览器单独给那些标签设置了字体，所以设置一下把它覆盖。
3 font-weight
font-weight用于设置文字的粗细
-
normal：等于400
-
bold：等于700
4 font-style
font-style用于设置文字的常规、斜体显示
-
normal：常规显示
-
italic(斜体)：用字体的斜体显示(通常会有专门的字体)
-
oblique(倾斜)：文本倾斜显示(仅仅是让文字倾斜)
5 font-variant(了解)
-
normal：常规显示
-
small-caps：将小写字母替换为缩小过的大写字母
6 line-height
line-height用于设置文本的行高
行高的严格定义是：两行文字基线（baseline）之间的间距
基线（baseline）：与小写字母x最底部对齐的线
应用实例：假设div中只有一行文字，如何让这行文字在div内部垂直居中
- 让line-height等同于div的height
7 font 缩写属性
font是一个缩写属性，用来作为 font-style, font-variant, font-weight, font-size, line-height 和 font-family 属性的简写;
font-style font-variant font-weight font-size/line-height font-family
-
规则:
-
font-style、font-variant、font-weight可以随意调换顺序，也可以省略**（一般都会省略）**
-
/line-height可以省略，如果不省略，必须跟在font-size后面（line-height 如果是数值不带单位的话，表示是前面 font-size 的多少倍）
-
font-size、font-family不可以调换顺序，不可以省略
-
关于上面的第二点规则，让我们看下京东的设置，发现它就是这么设置的：
