CSS基础之——设计文本样式（2）

03、设计字体

     要指定文本的font（字体），就要使用“font-family”属性。编写字体名称的时候，要注意大小写和全半角等，当字体名称中有空格时，必须用“"”或“'”把它括起来。设置字体类型时，可以以列表的形式设置字体类型，并用逗号隔开。

例如：在h1元素标签使用CSS设计字体

CSS代码：

h1{
font-family:"微软雅黑","楷体","Time News Roman",Times, serif;
color:#CC00FF;
}

      此外，对于英文字体（或其他西文字体）来说，CSS提供了5类通用字体。

1.serif：衬线字体，衬线字体通常是变宽的，字体较明显的显示粗与细的笔划和装饰细线。

2.sans-serif：无衬线字体，没有突变、交叉笔划或其它修饰线，无衬线字体通常是变宽的，字体粗细笔划的变化不明显。

3.cursive：草体，表现为斜字型、联笔或其它草体的特征。看起来像是用手写笔或刷子书写，而不是印刷出来。

4.fantasy：奇异字体，主要是装饰性的，但保持了字符的呈现效果，换句说就是艺术字，用画写字，或者说字体象画。

5.monospace：等宽字体，唯一标准就是所有的字型宽度都是一样的。

04、为文本添加装饰

      网页设计过程中，有时需要把文本变成黑体字、斜体字或者加下划线等。实现这些效果，分别使用以下效果：

（1）font-weight属性——改变字体粗细。单纯地想把文本变为黑体时，可以使用“bold”作为值，这样比较简便。但设置更详细的值时，其值可以是：

例如：

.bold {/* 粗体样式类 */
    font-weight:bold; /* 加粗显示 */
}

（2）font-style属性——设置字为斜体。中文字体显示在浏览器中时，italic体与oblique体没有区别。网页中该属性更多使用于撤销<em>标签的斜体显示（指定normal）等情况。其值可以是：

例如：

.italic {/* 斜体样式类 */
    font-style:italic; /* 斜体 */
}

（3）text-decoration属性——设置下划线。该属性常用来指定链接的样式。其值可以是：

例如：

<style type="text/css">
    .underline {text-decoration:underline;} /* 下划线样式类 */
    .overline {text-decoration:overline;} /* 上划线样式类 */
    .line-through {text-decoration:line-through;} /* 删除线样式类 */
</style>