📜  如何仅在 css 中使部分变为粗体 - Html (1)

📅  最后修改于: 2023-12-03 15:23:46.208000             🧑  作者: Mango

如何仅在 css 中使部分变为粗体

在 CSS 中,我们可以使用 font-weight 属性来控制字体的粗细程度。默认情况下,字体的粗细程度为 normal,即正常的粗细程度。如果需要让部分文字变粗,可以通过以下方式实现:

使用 span 标签

在 HTML 中给需要变粗的文字添加一个 span 标签,并设置 font-weight: bold

<p>这是一段普通的文字,但是 <span style="font-weight: bold;">这是加粗的文字</span>。</p>
使用类名

在 CSS 中定义一个类名,控制其 font-weight 属性,然后在 HTML 中给需要变粗的文字添加该类名:

HTML 代码

<p>这是一段普通的文字,但是 <span class="bold">这是加粗的文字</span>。</p>

CSS 代码

.bold {
  font-weight: bold;
}
使用属性选择器

在 CSS 中使用属性选择器,选择属性中包含某个字符串的元素,然后控制其 font-weight 属性:

HTML 代码

<p>这是一段普通的文字,但是 <span class="special">这是特殊的文字</span>。</p>

CSS 代码

span[class*="special"] {
  font-weight: bold;
}

其中,[class*="special"] 表示选择包含 class 属性,且属性值中包含 special 字符串的元素。将其 font-weight 属性设置为 bold,就可以使文字变粗了。

以上三种方法都可以实现部分文字变粗的效果。根据实际情况选择适合自己的方式即可。