八，增加字体和颜色样式

1，CSS提供了很多属性对字体的外观加以控制，包括font-family, font-weight, font-size和font-style。

2，font-family(字体系列)是一组有共同特征的字体。每个字体系列都包括大量字体。用于Web的字体系列包括serif, sans-serif, monospace, cursive和fantasy。serif和sans-serif字体最为常见。访问者在你的Web页面上看到的字体取决于他们自己的计算机上安装了哪些字体，除非你使用Web字体。

3，serif字体系列包括有衬线的字体。很多人一看见这种字体就想到新闻报纸的文字排版(衬线就是字母末端的装饰性“小细线”)。

4，sans-serif字体系列包括没有衬线的字体。与serif字体相比，通常认为sans-serif字体在计算机屏幕上更容易识读。

5，monospace字体系列中的字体包含固定宽度的字符。例如，一个“i”在水平方向所占的宽度与一个“m”所占的宽度是相同的。这些字体主要用于显示软件代码示例。

6，cursive字体系列包括看似手写的字体。有时会看到标题中使用这些字体。

7，fantasy字体系列包括有某种风格的装饰性字体。

8，总的来说，serif字体看起来高雅，很传统，而sans-serif字体外观很清晰，可读性好。monospace字体就好像是打字机打出来的。cursive和fantasy字体给人一种有趣或者很有风格的感觉。

9，如果一个字体名中包含多个单词，比如Courier New，只需要在font-family声明中的字体两边加上引号，比如：font-family: "Courier New"。

10，使用font-family属性可以指定多个字体。只需要输入这些字体名，并用逗号分隔。在font-family CSS属性中指定候选字体是一个好的主意，以防你的用户没有安装你的首选字体。最后一个字体要指定为一个通用字体(通常一个候选字体列表要和前面的字体来自同一个字体系列)，如serif或sans-serif，这样以来，如果找不到其他字体，浏览器可以替换适当的字体。

11，如果你要使用某种字体，而默认情况下用户可能没有安装这种字体，可以在CSS中使用@font-face规则。这个规则允许你定义一种字体的名字和位置，然后在你的页面中使用。

12，字体大小通常使用像素、em、百分数或关键字指定(在body规则种指定的大小并不是统一的，比如段落是指定的大小，而标题是相对比例改变的)。如果使用像素("px")来指定字体大小，就是在告诉浏览器字母高度是多少像素。em和%是相对字体大小，所以使用em和%指定字体大小时，就意味着字体大小要相对于其父元素的字体大小指定。使用相对字体大小可以让你的页面更可维护。

13，关键字指定就是把一个字体的大小指定为xx-small, x-small, small, medium, large, x-large或xx-large, 浏览器会把这些关键字转换为像素值，它会使用浏览器中定义的默认值来完成这个转换(small通常定义为大约12像素)。在body规则中使用字体大小关键字来设置基本字体大小，这样如果用户希望文本更大或更小，所有浏览器就能按照比例缩放字体大小。

14，指定字体大小的秘诀：

1. 选择一个关键字（推荐small或medium），指定它作为body规则中的字体大小。这相当于页面的默认字体大小。
2. 使用em或百分数，相对于body字体大小指定其他元素的字体大小。

15，可以使用font-weight CSS属性设置文本为粗体。通常使用bold和normal这两个值，而lighter和bolder这两个值很少使用，因为没有多少字体支持粗细程度的微小差别，这两个值通常没有任何效果。

16，font-style属性用于创建斜体或者斜体文本。斜体或者斜体文本是倾斜的。斜体(italic)和倾斜(oblique)风格会使字体看起来是倾斜的，但是结果并不确定，有时会得到斜体，有时则是倾斜文本，所以完全可以就用斜体(italic)，不用担心他们的差别。

17，Web颜色是混合不同数量的红、绿、蓝色得到的。如果混合红色100%，绿色100%和蓝色100%，可以得到白色。如果混合红色0%，绿色0%和蓝色0%，可以得到黑色。

18，CSS有16个基本颜色，包括黑色、白色、红色、蓝色、和绿色，以及150种扩展颜色。可以指定颜色名(不区分大小写)，也可以使用红、绿、蓝百分比指定你想要的颜色，也可以使用红、绿、蓝数值(0~255)指定，或者使用颜色的十六进制码来指定颜色。表示颜色的十六进制码有6位，每一位取值为0-F。前两位表示红色数量，接下来两位表示绿色数量，最后两位表示蓝色数量。如果每一组分量中两位数字都相同，你可以使用简写，比如，#ccbb00可以缩写为#cb0。

19，选择字体颜色的基本原则：对于文字和背景，要使用对比度最大的颜色，这样能帮助提高可读性。

20，要找到你想要的一个颜色的十六进制码，有一种很容易的方法，可以使用一个照片编辑应用的颜色选取工具，或者某个在线Web工具，这样的工具有很多。

21，可以使用text-decoration属性为文本创建一个下划线(注：border-bottom和text-decoration中的underline均有下划线效果，不过，如果使用border-bottom，这条线会延伸到页面边缘，而使用underline时，下划线只出现在文本下面，不会延伸到页面边缘)。有下划线的文档通常会被用户误以为是一个连接文本，所以要谨慎使用这个属性。

22，text-decoration属性的值包括：overline、line-through、underline、none。可以在同一个text-decoration声明中同时指定多个装饰，不过用空格(“ ”)隔开