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

Question

我应该使用什么？

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

或

<font color="red">test</font>

为什么？

Answer 1

您应该使用<span>，因为as specified by the spec，<font>已被弃用，可能无法按您的意图显示。

Answer 2

都不是。您应该分离内容和演示文稿，为您的HTML代码提供逻辑代码。这样想吧;对于盲人，或在无法显示颜色的浏览器上，您的代码还剩下什么？为什么你想让它变红？

最有可能的是，你决定让文字变红是因为你想强调它。所以你的HTML代码应该是：

<em>test</em>

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

下一步是将文字设为红色。但是你不想在任何地方添加颜色代码，只需添加一次就可以了得更高效：

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

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

Answer 3

首选外部样式表。

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

CSS

.myClass
{
color:red;
}

第二个首选项内联样式

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

如上所述

<font>已被弃用。

Answer 4

使用样式。不推荐使用字体标记（W3C Wiki）。

Answer 5

<font>标记至少为deprecated，至少在XHTML中。这意味着它的使用正式“不受欢迎”，并且无法保证未来的浏览器会继续按照您的意图显示文本。

你必须使用CSS。使用<span>标记或单独的样式表。根据其specification，<span>标记没有语义含义，只允许您更改特定区域的样式。

Answer 6

实际上我会说第一个偏好是外部样式表（外部CSS），第二个偏好是在当前页面的标题部分（内部CSS）中使用样式标记编写CSS

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

作为第三种选择 - 或者最后的选择 - 我会在标签中使用CSS（内联CSS）。

Answer 7

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

这对我很有用:)正如上面已经提到过的那样＃34;字体标记已被弃用，至少在XHTML中是这样。使用span标签总是安全的。字体可能不会给你满意的结果，至少在我的情况下它并没有。