CSS教程（四）

利用CSS加入斜体字非常简单，而且我们对于加重字体还有很多选择。

字体风格

字体风格用来控制斜体字的属性，非常漂亮又非常简单：

H3 { font-style: italic }

• uppercase 使所有字母大写显示，
  例：
  This sentence serves as an example.
• lowercase使所有字母小写显示，
  例：
  This sentence serves as an example.
• capitalize 使每个单词的第1个字母大写显示，例：
  This sentence serves as an example.
• none 使所有继承的文字变形参数被忽略，文字将以正常形式显示。
  例：
  This sentence serves as an example.

（注意：IE 3不支持文字变形）

文字修饰（text-decoration）

几十年以来（不管怎么说，反正很长的一段时间以来），所有链接了的文字在浏览器中都以下划线的形式显示，对这种事实我们都无计可施。我认为这种形式效果很难看，女士们先生们，现在我们有解决办法了：文字修饰（text-decoration)。

其基本语法如下：

B { text-decoration: underline }

大部分的选项使得文字变得难以阅读：

• underline 给文字下划线，例：
  these words.
• overline给文字上划线，例：
  these words.
• line-through给文字划出删除线，
  例： these words.
• blink是你在恶梦中常常看到的－－
  文字在闪烁，例：
  these words.
• none使得上述效果都不会发生。

（注意：Communicator不支持上划线，IE 4不支持文字闪烁，IE 3对这些都不支持。）

none参数非常有用，你可以使链接的文字不以下划线的形式显示。具体做法：

A:link { text-decoration: none }
A:active { text-decoration: none }
A:visited { text-decoration: none }

思考以下这些为 <A>标签预定义的分类A:link用于正常的未被访问过的链接，A:active用于你正在点击的链接
A:visited 用于已经访问过的链接。

这些指令进入你的植入、链接、输入的样式表，但不会改变你的HTML链接代码:

<A HREF="http://www.webmonkey.com/">
Link</A>

以下是显示结果：

This text is a link, but not
underlined!

你不仅可以消除链接的下划线，而且你还可以利用这3条属性使用CSS的其它属性，比如，你可以使得为被访问过的链接以12points的Arial加重字体显示，而访问过的链接以10points尺寸的Times斜体字显示。这个世界可以由你自由塑造，

可惜呀，可惜！并不是所有的浏览器都支持这项属性。Communicator支持带文字修饰（text-decoration）的预定义分类，但对其它属性非常挑剔。IE 3不支持A:active(而MAC不支持A：visited)，IE 4支持全部这些属性。

尽管有这些局限，但至少你比以前有了更多的可能性！这都要感谢CSS的创作者...

下面是一个小练习。

练习将帮助你尝试练习串接样式表的一些属性。

练习之后，想想有没有其它方法作出同样的效果。

今天我们探索了字体的奇妙世界：字型、字号、加重显示、斜体字、大写、下划线等等。利用传统的HTML你的确也可以作很多事情，但不是所有事，而且也达不到样式表对字体的控制程度。

串接样式表的字体属性总结：

• 字模系列定义字体以何种字体显示字号使你可以利用points,pixels，
  关键字及其它尺寸单位控制文字的尺寸。
• 字体风格用于斜体字显示。
• 字重对字体加重显示的程度作全面的控制。
• 字体参数（font-variant）将文字以小一半的尺寸大写显示。
• 文字变形（text-transform）控制大写。
• 文字修饰（text-decoration）可以控制文字的多种细节的变化，如下划线、闪烁等等。