📜  css 将 strong 设置为普通文本 - CSS (1)

📅  最后修改于: 2023-12-03 14:40:20.838000             🧑  作者: Mango

CSS 将 <strong> 设置为普通文本

在 CSS 中,我们可以使用 font-weight 属性来设置元素的文字粗细程度。当我们想要将 <strong> 元素(或者其他具有默认加粗样式的元素,如 <b>)设置为普通文本时,可以通过 CSS 来实现。

CSS 属性

要将 <strong> 设置为普通文本,可以使用以下 CSS 属性:

strong {
  font-weight: normal;
}
解析

上述 CSS 代码块中,我们选择了 <strong> 元素,并将 font-weight 属性设置为 normal。这样就会将 <strong> 元素的文字粗细设置为正常(即不加粗)。

使用示例

假设我们有以下 HTML 代码:

<p>
  这是一个普通文本,<strong>这是一段加粗文本</strong>,然后又是普通文本。
</p>

如果将上述 CSS 代码块应用到该 HTML 代码上,那么 <strong> 元素中的文字将不再被加粗,而是变为普通文本。

以下是应用 CSS 后的 HTML 效果:


这是一个普通文本,这是一段加粗文本,然后又是普通文本。


总结

通过使用 font-weight: normal; 属性,我们可以将 <strong> 元素(或其他具有默认加粗样式的元素)设置为普通文本。这样可以根据需要控制文本的粗细程度,增加网页的可读性。