使用CSS和javascript制作带有不同样式的单词的段落的正确方法是什么

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用CSS和javascript制作带有不同样式的单词的段落的正确方法是什么相关的知识,希望对你有一定的参考价值。

我有一个段落,有几行长篇文章。我需要用不同的风格说一些话。如果不创建太多标签,这样做的正确方法是什么?

使用react-intl格式消息时怎么样?

<div className="main"> 
Select the Gear icon, and then choose Users > Manage users
</div>


.main {
font-size:14px;
}

我想说出Gear,Users和Manage用户的不同风格。

答案

您可以使用其中一个内置标记来实现此目的。

  • <b> - 大胆的文字
  • <strong> - 重要文字
  • <i> - 斜体文字
  • <em> - 强调文本
  • <mark> - 标记文字
  • <small> - 小文字
  • <del> - 删除文字
  • <ins> - 插入文字
  • <sub> - 下标文本
  • <sup> - 上标文本

.main {
  font-size:14px;
}
<div className="main"> 
  Select the <b>Gear</b> icon, and then choose <b><i>Users</i></b> > <em><ins><sub>Manage users</sub></ins></em>
</div>

以上是关于使用CSS和javascript制作带有不同样式的单词的段落的正确方法是什么的主要内容,如果未能解决你的问题,请参考以下文章

如何引用带有连字符的 JavaScript 对象属性?

如何引用带有连字符的 JavaScript 对象属性?

如何使用 javascript 制作悬停样式?

如何使用 CSS 和 JavaScript 制作可变主题

原生javascript 获得css样式有几种方法?

html,css,javascript在制作网页中的作用,三者之间有何种联系?