HTMLCSS中句子中多种颜色的最佳实践是什么?

HTMLCSS中句子中多种颜色的最佳实践是什么?,第1张

概述我知道我想保持我的风格和内容分开,所以假设我想显示: <h1>ROYGBV</h1> 在一个页面上,每个字母也是它的匹配颜色,最佳做法是什么? 可不可能是: <h1><font color="red">R</font><font color="orange">O</font> 等等?假设我在段落中有多个单词需要着色如下: Sally found all the RED seashells down 我知道我想保持我的风格和内容分开,所以假设我想显示:

<h1>ROYGBV</h1>

在一个页面上,每个字母也是它的匹配颜色,最佳做法是什么?

可不可能是:

<h1><Font color="red">R</Font><Font color="orange">O</Font>

等等?假设我在段落中有多个单词需要着色如下:

Sally found all the RED seashells down by the BLUE seashore out in the YELLOW sun …

@H_403_28@

是否可以在HTML上使用字体标记?我能想到的唯一选择是将它们放在span标签中并添加一个类.这将允许我在CSS文件中更改我对red的所有迭代的red定义.

解决方法 <字体> tag已弃用. MDN Docs

最好的方法就是你自己的问题.使用span来包装特定单词.

.red {  color: red;}.blue {  color: blue;}.yellow {  color: yellow;}
<p>Sally found all the <span >RED</span> seashells down by the <span >BLUE</span> seashore out in the <span >YELLOW</span> sun ...</p>
总结

以上是内存溢出为你收集整理的HTML / CSS中句子多种颜色的最佳实践是什么?全部内容,希望文章能够帮你解决HTML / CSS中句子中多种颜色的最佳实践是什么?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1082947.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-27
下一篇2022-05-27

发表评论

登录后才能评论

评论列表(0条)

    保存