如何在HTML元素中使用CSS为特定单词设置样式？

Question

如何在<p>代码中设置特定字词的样式？ EX： STUDIO X 是有史以来最好的工作室。

^^我如何使用css制作＆＃34; STUDIO X＆＃34;与＃34;不同的字体是有史以来最好的工作室吗？＆＃34;

Answer 1

你应该这样做：

<强> HTML

<p>
    <span>STUDIO X</span> is the best studio ever
</p>

<强> CSS

p {
font-size:12px;
}
    span {
    font-size:16px;
    font-weight:bold;
    }

我建议您为<p>和<span>标记定义一个特定的类，它会阻止意外的覆盖。

Answer 2

您可以使用span标记

进行包装

<p><span class="best_studio">STUDIO X</span> is the best studio ever.</p>

并使用CSS来定义样式

.best_studio {
  font-family: Arial,
  font-size: 22px
}

Answer 3

<p><strong>STUDIO X</strong> is the best studio ever</p>

我相信大多数浏览器的默认css都会加粗strong元素，但您也可以明确它并添加自己的规则

p strong { font-weight:bold; }

Answer 4

<span class="nevis">STUDIO X</span>

.nevis { font-weight:bold; }