应使用 css 重置、Normalize.css、针对性覆盖、CSS 自定义属性及禁用用户代理样式等五种方法统一网页默认样式。具体包括设边距为 0、引入 normalize.css、用！important 或高特异性 选择器 覆盖、定义：root 变量、移除 outline 与默认边框等。
如果您发现网页在不同 浏览器 中显示效果不一致，或元素间距、字体、边框等表现与预期不符，则很可能是 浏览器 内置的默认样式在起作用。以下是更改 html 默认样式的具体操作方法：
一、使用 CSS 重置（Reset CSS）
CSS 重置通过将所有常见 HTML 元素的默认样式统一设为零值或基础值，消除浏览器间差异，为样式开发提供干净起点。
1、在 CSS 文件顶部或
2、将所有边距和 内边距 设为 0：* {margin: 0; padding: 0; }
立即学习 “ 前端免费学习笔记（深入）”；
3、移除列表项符号及缩进：ul, ol {list-style: none;}
4、重置表单控件外观：input, button, select, textarea {font-family: inherit; font-size: 100%;}
二、采用 CSS 标准化（Normalize.css）
Normalize.css 保留有用的默认样式，仅修复浏览器间的不一致性，而非彻底清空，更适合现代项目维护。
1、从官方 gitHub 仓库下载 normalize.css 文件，或通过cdn 引入：
2、在 HTML 的
中添加链接：href="https://
3、确保该链接位于自定义 CSS 之前，以保证后续样式可正常覆盖其规则。
三、针对性覆盖默认样式
对特定元素直接声明更高优先级的 CSS 规则，可精准控制某类行为而不影响全局。
1、使用元素选择器加！important 强制覆盖：h1 {font-size: 2rem !important; margin-bottom: 0.5rem !important;}
2、提高选择器特异性，例如用 ID 或类组合：#header h1 {margin: 0; line-height: 1.2;}
3、在 样式表 末尾重新定义目标元素，利用层叠顺序生效：a {text-decoration: none; color: #0066cc;}
四、使用 CSS 自定义属性重设基础值
通过：root 定义 CSS 变量，集中管理字体、颜色、间距等基础样式，便于统一替换默认渲染参数。
1、在：root 中声明变量：:root {–base-font-size: 16px; –line-height: 1.5; –body-color: #333;}
2、在 body 或通用选择器中应用变量：body {font-size: var(–base-font-size); line-height: var(–line-height); color: var(–body-color); }
3、覆盖浏览器默认字体 栈：body {font-family: –apple-system, BlinkmacSystemFont, “Segoe ui”, sans-serif; }
五、禁用用户代理样式表的部分特性
某些默认行为（如：focus 轮廓、
1、移除焦点时的蓝色外框：*:focus {outline: none;}
2、清除输入框默认边框与阴影：input, textarea, select {border: 1px solid #ccc; box-shadow: none; }
3、禁用文本选中高亮背景：::selection {background: transparent; }
