📅  最后修改于: 2023-12-03 15:00:09.281000             🧑  作者: Mango
CSS中的字体样式属性可以帮助我们控制文本的外观,其中包括粗体(bold)。本文将介绍如何使用CSS为文本设置粗体。
font-weight
属性设置粗体font-weight
属性控制文本的粗细程度,可以设置数值或关键字。以下是几种可选的关键字:
/*设置文本为粗体*/
.bold-text {
font-weight: bold;
}
上面的代码将会把.bold-text
类中的文本设置为粗体。
strong
元素设置粗体<strong>
是表现关键性强、着重性大的文字,被浏览器默认渲染为粗体。因此可以使用<strong>
元素来设置粗体文本。
<p>这段文本中含有<strong>粗体</strong>部分。</p>
b
元素设置粗体<b>
元素也称为加粗元素,表示用于呈现加粗的文本。
<p>这段文本中含有<b>粗体</b>部分。</p>
需要注意的是,<b>
元素的语义是"加粗",通常用于表示注意、警告等强调文字,而不是语义上的"真正的"加粗。在撰写HTML文档时,应根据文本内容合理使用<strong>
和<b>
元素。
以上就是CSS中设置粗体文本的方式,可以根据具体情况选择使用。在实际开发中,应根据UI设计及语义要求合理选择使用粗体或加粗元素。