是定义字体的各个属性，可以让页面布局更美观。字体样式包括基本字体类型、字号、颜色基本效果，还包括一些特殊样式，如字体粗细、下划线、斜体、大小写样式等。1、定义字体类型：font-family。font-family属性用于设置字体。多个字体名称可以保存为“后备”系统。如果浏览器不支持第一种字体，将尝试下一种。也就是说，字体系列属性的值是用于元素的字体系列名称或/和类系列名称的优先列表。浏览器将使用它识别的第一个值。网页常用的字体有宋体、微软雅黑、黑体等。常用字体族名：如“serif”、“sans-serif”、“cursive”、“fantasy”、“monospace”。又比如引入了自定义字体，比如大家熟知的字体符号，[iconfont][1]、[FontAwesome][2]、[MaterialIcon][3]等，大家可以自行尝试。2.定义字体大小：font-sizefont-size的值可以是绝对的也可以是相对的。在浏览器中，一般浏览器会给我们字体大小的基本值，16px。也就是说，如果不操作字号，默认的字号是16px。绝对：将文本设置为指定大小不允许用户在所有浏览器中更改文本大小（不利于可用性）绝对大小在确定输出的物理大小时很有用相对大小：设置相对于周围元素的大小允许用户在浏览器中更改文本大小。我们固定的单位如pt、in、cm、mm、pc都是常见的绝对值，而px、%、em、rem、vh、vw、vmin、vmax都是相对单位。（我也奇怪px是相对单位，差点被我分成绝对单位）3、定义字体样式font-stylefont-style：设置使用斜体、斜体或普通字体。斜体字体通常被定义为字体系列中的一种字体。从理论上讲，用户代理可以根据普通字体计算斜体字体的字体样式值。只有四个值：nomarl：默认值，标准字体样式italic：斜体obique：倾斜字体样式inherit：从父类继承的字体样式italic和obique虽然都是倾斜字符，但是它们有着本质的区别。Italic是根据你的字体，也就是你的font-family来显示是否有该字体的italic字体。如果你的font-family没有italic属性，那么这个样式就不会生效，obique不关心你有没有italic属性。,统一转换为倾斜文本。4、以smallcaps或normalfont显示文字font-variant这种样式一般用的比较少。它的意思是定义大写英文，第一个字母是正常的字号，但是其余的字母好像加了一个小标签，会比第一个字母显示的小。font-variant一共有三个值：normal：普通small-caps：浏览器会显示小写大写字母的字体inherit：指定font-variant属性的值应该从父元素继承。所有ie都不支持该样式的inherit值，该属性只支持英文。5、定义字体粗细font-weightfont-weight:normal|粗体|更大胆|打火机|100|200|300|400|500|600|700|800|900|值为400；bold表示加粗，相当于700；font-weight的值在每个浏览器中都不相同。我希望每个人都可以自己尝试一下。就不一一列举了（偷懒）6.速记属性fontfont：速记属性在一条语句中设置所有的字体属性。此简写属性用于同时设置元素字体的两个或多个方面。使用诸如icon之类的关键字来适当地设置元素的字体以匹配用户计算机环境的某个方面。请注意，如果不使用这些关键字，至少必须指定字体大小和字体系列。font可以一次写出我们所有的6种样式，顺序如下：font-style,font-variant,font-weight,font-size/line-height,font-family。允许不设置某个样式，它会自动处理成它的默认值。当然还有很多其他的值，最常用的就是以上6种。其他如：caption：标题控件（如按钮、下拉列表等）使用的字体icon：图标标记使用的字体menu：定义下拉列表message-box使用的字体:对话框使用的字体small-caption:小版标题字体status-bar:窗口状态栏使用的字体7.定义字体颜色colorcolor：该属性指定文本的颜色。此属性设置元素的前景色（在HTML表示中，元素文本的颜色）；光栅图像不受颜色影响。此颜色也适用于元素的所有边框，除非被border-color或其他border-color属性覆盖。颜色的值包括颜色的名称（白、红、黑等）、十六进制的颜色值（#fff、#000、#ff0000等）、rgb值（（255、255、255),(0,0,0),etc.)includingrgba(0,0,0,0.3),inherit继承父级的颜色
