使用CSS，可以轻松设置文档中文本的颜色。如果您希望页面上的段落以某种颜色呈现，您只需在外部样式表中指定该段落，浏览器将以所选颜色显示您的文本。当你想在一段文字中改变一个单词（或者只是几个单词）的颜色时会发生什么？为此，您需要使用像标记这样的内联元素。
最终，使用CSS更改单个单词或句子中的一小组单词的颜色很容易，并且标签是有效的HTML，所以不要担心这是某种黑客攻击。使用这种方法，您还可以避免使用已弃用的标记和属性，如“font”，这是过去HTML时代的产物。
本文适用于初学Web开发人员，他们可能不熟悉HTML和CSS。它将帮助您了解如何使用HTML标记和CSS更改页面上特定文本的颜色。话虽如此，这种方法有一些缺点，我们将在本文末尾介绍。现在，请继续阅读以了解更改此文本颜色的步骤。这很容易，大约需要两分钟。
逐步说明
- 在您喜欢的文本HTML编辑器中打开要更新的网页。这可能是像Adobe Dreamweaver这样的程序，也可能是简单的文本编辑器，如Notepad，Notepad ++，TextEdit等。
- 在文档中，找到要在页面上以不同颜色显示的单词。为了本教程的目的，让我们使用更大段落的文本中的一些单词。该文本将包含在标记对中。找到您要编辑其颜色的两个单词之一。
- 将光标放在要更改颜色的单词或单词组中的第一个字母之前。请记住，如果您使用的是Dreamweaver之类的WYSIWYG编辑器，那么您现在正在使用“代码视图”。
- 让我们想要使用标记更改其颜色的文本，包括类属性。整个段落可能如下所示：
这是一篇专注于句子的文字。
- 我们刚刚使用了一个内联元素，为特定文本提供了一个我们可以在CSS中使用的“钩子”。我们的下一步是跳转到我们的外部CSS文件以添加新规则。
- 在我们的CSS文件中，让我们添加：
-
.focus-text {
-
颜色：＃F00;
-
}
- 此规则将设置内联元素，以红色显示。如果我们之前的样式将文档的文本设置为黑色，则此内联样式将使跨度文本聚焦并突出显示不同的颜色。我们还可以为此规则添加其他样式，也许使文本斜体或粗体更强调它？
- 保存您的页面。
- 在您喜欢的Web浏览器中测试页面以查看有效的更改。
- 请注意，除此之外，一些Web专业人员还选择使用其他元素，如标记对或标记对。这些标签过去特别用于粗体和斜体，但已被弃用并替换为和。标签仍然适用于现代浏览器，但是，许多Web开发人员将它们用作内联样式挂钩。这不是最糟糕的方法，但如果您想避免任何已弃用的元素，我们建议您坚持使用这些类型的样式需求。
提示和注意事项
虽然这种方法适用于小型样式需求，例如，如果您只需要更改文档中的一小段文本，它很快就会失控。如果您发现您的页面中充满了内联元素，所有这些元素都有您在CSS文件中使用的唯一类，那么您可能做错了，请记住，页面中的这些标记越多，就越难了很可能是为了保持这一页面向前发展。此外，良好的网页排版在整个页面中很少有多种颜色变体等。
