10-1 使用font-family设置字体系列
可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。
为网页中的文字设置字体为宋体：body{font-family:"宋体";}
这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）
现在一般网页喜欢设置“微软雅黑”，如下代码：
body{font-family:"Microsoft Yahei";}
或
body{font-family:"微软雅黑";}注意：第一种方法比第二种方法兼容性更好一些。
因为这种字体即美观又可以在客户端安全的显示出来（用户本地一般都是默认安装的）。
10-2 使用font-size设置字体大小
可以使用下面代码设置网页中文字的字号为12像素：
body{font-size:12px;}10-3 使用font-weight设置字体粗细
我们还可以使用css样式来改变文字的样式：粗体、斜体、下划线、删除线。
可以使用下面代码实现设置文字以粗体样式显示出来。
p span{font-weight:bold;}如果想为文字设置粗体是有单独的css样式来实现的，再不用为了实现粗体样式而使用h1-h6或strong标签了。
10-4 使用font-style设置字体样式
我们来学习设置字体样式font-style属性，比如我们想实现以下效果：
如果想实现以上效果,我们可以输入以下代码:
技术点的解释：
1、font-style可以设置字体样式，并且有种3设置方式。
2、正常字体为normal,也是font-style的默认值。
3、italic为设置字体为斜体，用于字体本身就有倾斜的样式。
4、oblique为设置倾斜的字体，强制将字体倾斜。
10-5 使用color设置字体颜色
有时候当我们需要给字体设置颜色，比如实现以下效果：
那么我们可以输入以下代码：
技术点的解释：
1、color属性可以设置字体颜色。
2、color的值有3种设置方式：
英文命令颜色
p{color:red;}RGB颜色
这个与 photoshop 中的 RGB 颜色是一致的，由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。
p{color:rgb(133,45,200);}每一项的值可以是 0~255 之间的整数，也可以是 0%~100% 的百分数。如：
p{color:rgb(20%,33%,25%);}十六进制颜色
这种颜色设置方法是现在比较普遍使用的方法，其原理其实也是 RGB 设置，但是其每一项的值由 0-255 变成了十六进制 00-ff。
p{color:#00ffff;}配色表：
10-6 font样式的简写方式
网页中的字体css样式代码也有他自己的缩写方式，下面是给网页设置字体的代码：
body{
font-style:italic;
font-weight:bold;
font-size:12px;
line-height:1.5em;
font-family:"宋体",sans-serif;
}
这么多行的代码其实可以缩写为一句：
body{
font:italic bold 12px/1.5em "宋体",sans-serif;
}
1、使用这一简写方式你至少要指定font-size和font-family属性，其他的属性(如 font-weight、font-style、font-variant、line-height)如未指定将自动使用默认值。
2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。
一般情况下因为对于中文网站，英文还是比较少的，所以下面缩写代码比较常用：
body{
font:12px/1.5em "宋体",sans-serif;
}
只是有字号、行间距、中文字体、英文字体设置。
