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