HTML/CSS字体颜色与跨度样式

我应该用什么

<span style="color:red">test</span>

测试

或

测试

---

为什么呢？

使用风格。字体标记已弃用（）。

您应该使用

，因为

已弃用，并且可能不会按您的意愿显示。

至少在XHTML中，

标记已弃用。这意味着它的使用在官方上是“不受欢迎的”，并且不能保证未来的浏览器会继续按照您的意图显示文本

---

你必须使用CSS。使用

标记或单独的样式表。根据its，

标记没有语义含义，只允许您更改特定区域的样式。

第一首选外部样式表

<span class="myClass">test</span>

第二首选项内联样式

<span style="color:red">test</span>

测试

---

前面提到的

不推荐使用。

两者都不推荐。您应该将内容和表示分开，给出HTML代码的逻辑代码。这样想吧；对于盲人，或者在无法显示颜色的浏览器上，代码还剩下什么？你为什么要它是红色的

最有可能的是，您决定将文本设置为红色是因为您想强调文本。因此，您的HTML代码应该是：

<em>test</em>

测试

这样，即使是非视觉浏览器也可以确保以某种方式强调文本

下一步是使文本变成红色。但您不希望在任何地方添加颜色代码，只需添加一次即可提高效率：

<style>
  em { color: red; }
</style>

em{颜色：红色；}

---

这样，网站上所有强调的代码都变成红色，使其更加稳定。

实际上，我想说的第一个首选项是外部样式表（外部CSS），第二个首选项是在当前页面的页眉部分（内部CSS）的样式标记中编写CSS

作为第三种选择——或者说是最后一种选择——我会在标记本身中使用CSS（内联CSS）。

我们的活动

---

这对我很有用：）正如上面提到的“字体标签已经被弃用了，至少在XHTML中是这样。使用span标签总是安全的。字体可能不会给你想要的结果，至少在我的情况下不会。不，除非你真的知道你在做什么，否则不要针对XHTML。99.9%的所谓XHTML是无效的XHTML。@Peter：公平地说，我承认在这个问题上有多种有效的观点。XHTML只是我个人的偏好。但值得指出的是，通过“目标化”，我的意思是“编写有效的”XML。Span（和div）并没有被弃用，但它们也不是语义上的。换句话说，它们没有添加任何“含义”“对文本进行修改。它们应该只用于对元素进行分组而不增加意义：我从来没有说过Span或div会被弃用，我发现很难相信它们会被弃用。span的设计初衷是：在非语义上能够更改文本的某些部分。我从来没有说过span和div也不受欢迎，我同意你的看法，它们可能永远不会被欢迎。但是，假设OP有红色文本的含义似乎是合理的，例如强调。所以他应该用一个语义标记。然而，如果文本只需要涂成红色而没有语义意义（例如，只是为了创造一些色彩），那么span是一个不错的选择。啊哈，我理解。在这种情况下，您的建议将是完美的，但由于OP只询问使用哪种元素，

在这两种元素中是首选的：）同意。创建一个名为“red”的CSS类，将类“red”分配给标记-这很简单，也是很好的实践。实际上。红色不是一个好的类名，因为它不是语义的。红色只描述类的外观，而不是它的含义，.warning或.error会更好。只是好奇-使用内联CSS作为规则是不是一个坏主意？第一个是内联CSSGreat示例；但它并没有回答这个问题：为什么？@jpaugh，为什么要用span来代替上面其他成员已经提到的字体标签。该标记已被弃用，至少在XHTML中是这样。谢谢，我会修改我的答案。好吧，这是一种看待它的方式。我的意思是，为什么要使用你的解决方案（不管其他解决方案）？你的例子有什么独特或有益之处？唯一的改进建议是使用“redText”或“red”代替“myClass”。

<em>test</em>

<style>
  em { color: red; }
</style>

<style type="text/css">
<!-- CSS goes here -->
</style>

<span style="color:#ffffff; font-size:18px; line-height:35px; font-family: Calibri;">Our Activities </span>