从众多实例中，我们了解到CSS能够应对多种情况，而在文字样式设定方面，即便是最基本的网页也能通过它来轻松增加设计元素。相较于在页面中嵌入不必要的图片，使用CSS为文字添加样式无疑更为便捷。

在这一章节中，我们将见证CSS如何将一段原本平淡无奇的文字提升至全新的高度，通过新的色彩、大小和字体，赋予文字全新的生命力。

如何让超文本更显炫酷？

指定文字样式是CSS的强项之一，即使面对那些稍显老旧、未能完全支持CSS高级功能的浏览器也是如此。过去，设计者与开发者在尝试对文字进行大小、粗体等效果调整时，所呈现的网页往往以今日的标准来看难以忍受且使用不便（曾见过大多以图片形式表现的网页吗？但当你恰好在使用文本浏览器时……）。

为了提供使用图片之外的替代方案，并解答上述问题，本章将以一段尚未设定样式的文字作为起点，逐步添加各种CSS规则，将其打造为引人注目的设计。

不断变化的Times新罗马字体

让我们以浏览器的默认字体来观察一段即将处理的文字。以我的情况为例，默认字体是16像素的Times New Roman。在Mac OS X上使用Safari浏览器时，看到的文字将以反锯齿方式呈现。如果在Windows XP上启动了ClearType功能，也能看到类似的效果。

尽管Times（或其变体Times New Roman）是许多浏览器的默认字体，但用户完全可以将其更改为他们偏爱的其他字体，因此你当然不能依赖这一默认设置。

接下来是我们在本章中要使用的未加样式的文本内容：一个以`

`标签的简单标题，以及三段关于家居装饰的技巧说明。如图13-1所示。

接下来，我们将通过CSS为这段文字注入活力。我们将使用JavaScript代码“cambrian.render('body')”来准备页面主体部分的渲染工作。在此基础上，我们将逐步添加CSS规则来改变文字的样式，包括颜色、大小、字体等，使其焕然一新。