4

如何在<p>标签中设置特定单词的样式?EX:STUDIO X是有史以来最好的工作室。

^^我如何使用 css 使“STUDIO X”与“是有史以来最好的工作室”不同的字体?

4

4 回答 4

6

你应该做这个:

p {
  font-size: 12px;
}

span {
  font-size: 16px;
  font-weight: bold;
}
<p>
  <span>STUDIO X</span> is the best studio ever
</p>

我建议您为<p><span>标签定义一个特定的类,它将防止意外覆盖。

于 2012-06-18T01:40:26.900 回答
4

你可以用 span 标签包装它

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

并使用 CSS 定义样式

.best_studio {
  font-family: Arial,
  font-size: 22px
}
于 2012-06-18T01:36:47.113 回答
1
<span class="nevis">STUDIO X</span>
.nevis { font-weight:bold; }
于 2020-12-09T05:45:59.717 回答
0
<p><strong>STUDIO X</strong> is the best studio ever</p>

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

p strong { font-weight:bold; }
于 2012-06-18T01:33:53.160 回答