在段落中途改变字体颜色的最佳方法是什么？

Question

我想知道更改段落中途出现的某些文本的字体颜色的最佳方法是什么.

例如,我有一段白色文字,但是我想在段落中间的几个单词是橙色的,这样它们才能脱颖而出,但之后继续用白色文字,这将是最好的方式实现这个？

提前致谢!

Answer 1

<span> 将允许您设置文本样式,但它不添加任何语义内容.

当你强调一些文本时,听起来你可以通过包装文本<em></em>并使用CSS来改变<em>元素的颜色来更好地服务.例如:

CSS

.description {
  color: #fff;
}

.description em {
  color: #ffa500;
}

标记

<p class="description">Lorem ipsum dolor sit amet, consectetur 
adipiscing elit. Sed hendrerit mollis varius. Etiam ornare placerat 
massa, <em>eget vulputate tellus fermentum.</em></p>

事实上,我会<span>竭尽全力避免使用这个元素,因为它对于那些不能渲染你的样式表(机器人,屏幕阅读器,禁用样式,解析器等的luddites)或者意外渲染它的一切都毫无意义.方式(个人风格表).在许多方面,它并不比使用<font>元素更好.

.description {
  color: #000;
}

.description em {
  color: #ffa500;
}

<p class="description">Lorem ipsum dolor sit amet, consectetur 
adipiscing elit. Sed hendrerit mollis varius. Etiam ornare placerat 
massa, <em>eget vulputate tellus fermentum.</em></p>

Answer 2

<span style="color:orange;">orange text</span>

是我知道禁止字体标记的唯一方法.

Answer 3

Nornally标签用于此,随着风格的变化.

喜欢 <p>This is my text <span class="highlight"> and these words are different</span></p>,

您可以在标题中设置css(或者更确切地说,在单独的css文件中),使"高亮"文本采用您想要的颜色.

(例如:with

<style type="text/css">
  .highlight {color: orange}

</style>

在标题中.<font /> 不惜一切代价避免使用标签.:-)