如何风格CSS特定字在一个HTML元素?(How do I style a specific wor

2019-07-30 00:25发布

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

^^如何使用CSS,使“STUDIO X”不同的字体比“是最好的工作室过的?”

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; }


文章来源: How do I style a specific word with CSS in an HTML element?
标签: css fonts tags