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

Question

我该怎么用？

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

要么

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

为什么？

Answer 1

您应该使用<span>,因为已按规范指定,<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

使用风格.不推荐使用font标签(W3C Wiki).

Answer 5

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

这对我来说很好:)正如上面已经提到的“字体标签已被弃用，至少在XHTML中。使用span标签总是安全的。字体可能不会给你想要的结果，至少在我的情况下它没有't。

Answer 6

该<font>标签已经过时,至少在XHTML.这意味着它的使用正式"不受欢迎",并且无法保证未来的浏览器会继续按照您的意图显示文本.

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