HTML / CSS的字体颜色与跨度风格
我应该使用什么？
<span style="color:red">test</span> 要么
<font color="red">test</font>
为什么？
您应该使用<span> ，因为按照规范的规定 ， <font>已被弃用，并且可能不会按照您的意图显示。
都不是。 你应该分开内容和演示文稿，给你的HTML代码逻辑代码。 这样想， 对一个盲人，或在一个无法显示颜色的浏览器，你的代码剩下的是什么？ 为什么你想要它是红色的？
最可能的是，你的文字是红色的，因为你想强调它。 所以你的HTML代码应该是：
<em>test</em>
这样，即使非视觉浏览器也可以确保他们以这种或那种方式强调文本的重点。
下一步是使文本红色。 但是，您不想在任何地方添加颜色代码，只需添加一次即可：效率更高。
<style> em { color: red; } </style>
这样，您网站上所有强调的代码就会变成红色，使其更加稳定。
第一首选外部样式表。
<span class="myClass">test</span>
CSS
.myClass { color:red; }
第二首选内联样式
<span style="color:red">test</span>
如前所述， <font>已被弃用。
使用风格。 字体标签已被弃用（ W3C Wiki ）。
至less在XHTML中， <font>标记已被弃用 。 这意味着它的使用是正式的“皱眉”，并不能保证未来的浏览器将继续按照您的意图显示文本。
你必须使用CSS。 去<span>标签或一个单独的样式表。 根据其规范 ， <span>标签没有语义含义，只是允许您更改特定区域的样式。
其实我会说第一首选项是外部样式表（外部CSS），第二首选项将CSS写入当前页面的标题部分（内部CSS）的样式标记中，
<style type="text/css"> <!-- CSS goes here --> </style>
作为第三种select – 或者说最后的手段 – 我会在标签本身中使用CSS（Inline CSS）。
<span style="color:#ffffff; font-size:18px; line-height:35px; font-family: Calibri;">Our Activities </span>
这对我很好:)因为上面已经提到过了“字体标签已经被弃用，至less在XHTML中。使用span标签总是安全的。字体可能不会给你想要的结果，至less在我的情况下，它没有“T。
