使用font-weight:normal可取消文字加粗，包括内联样式、类选择器、覆盖继承值、重置语义标签默认样式及all:revert/unset批量处理。
如果您在HTML5页面中发现文字意外显示为加粗，可能是由于继承了父元素的font-weight值、浏览器默认样式或CSS规则叠加所致。以下是取消文字加粗的具体操作方法：
一、使用font-weight:normal重置加粗
该方法通过显式声明font-weight属性为normal，覆盖任何导致文字加粗的继承值或默认值，适用于内联样式、内部样式表或外部样式表。
1、在需要取消加粗的HTML元素上添加style属性：style="font-weight:normal;"。
2、若使用内部样式表，在
立即学习“前端免费学习笔记（深入）”；
3、将该类名添加到目标元素： 这段文字不会加粗
二、检查并覆盖继承的font-weight值
当父容器设置了font-weight:bold或数值型权重（如700），子元素可能继承该值；需在子元素上强制指定normal以中断继承链。
1、确认父级元素是否含有font-weight:bold或font-weight:700等声明。
2、为目标子元素单独设置font-weight:normal !important（仅在必要时使用）。
3、验证计算样式：在浏览器开发者工具中查看该元素的Computed面板，确认font-weight最终解析值为normal。
三、重置浏览器默认加粗样式
部分HTML语义化标签（如、、~
）被浏览器赋予默认font-weight值，需针对性重置。
1、对和标签统一取消加粗：strong, b { font-weight: normal; }。
2、若标题文字加粗需取消，例如
，则写入：h3 { font-weight: normal; }。
3、将上述CSS规则置于样式表顶部或使用
四、使用all:revert或all:unset进行批量重置
all属性可一次性控制所有CSS属性的继承行为；revert将属性重置为浏览器默认值，unset则根据是否继承决定采用inherit或initial。
1、针对特定元素应用：.reset-weight { all: revert; }。
2、或更精准地仅影响字体粗细：.reset-weight { font-weight: unset; }。
3、将该类添加至目标元素：文字样式已解除加粗。
