使用CSS Reset、Normalize.css或all属性统一浏览器默认样式，确保页面表现一致：首先通过CSS Reset归零样式，推荐Meyer Reset方案；其次可选Normalize.css修复差异并保留有用默认；最后利用all属性局部重置。关键是在项目初期统一基础样式，避免布局问题。
不同浏览器对HTML元素有各自的默认样式，这可能导致页面在不同浏览器中显示效果不一致。为确保样式统一，需要清除或重置这些默认样式。
使用CSS Reset重置默认样式
通过CSS Reset可以将所有元素的默认样式归零，使页面在各浏览器中表现一致。
常见做法是使用一段通用CSS代码，在项目开始前先“清空”默认样式。示例：基础CSS Reset
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
line-height: 1;
}
ul, ol {
list-style: none;
}
a {
text-decoration: none;
color: inherit;
}
img {
border: 0;
vertical-align: middle;
}
使用成熟的Reset库
手动编写Reset样式可能遗漏细节，推荐使用已被广泛验证的方案。
立即学习“前端免费学习笔记（深入）”；
Meyer Reset 是最经典的CSS Reset方案之一，覆盖了大多数默认样式问题。引入Meyer Reset方法：
- 下载Eric Meyer的Reset CSS（如v2.0）
- 在项目CSS文件最前面导入这段样式
- 确保它优先于其他样式规则加载
使用现代替代方案：Normalize.css
与完全清除不同，Normalize.css 更温和，它让元素在各浏览器中保持一致性，而不是全部归零。
它修复常见的样式差异，同时保留有用的默认行为。使用方式：
- 通过CDN引入Normalize.css
- 或使用npm安装并导入到项目中
- 建议在自定义样式之前加载
使用现代CSS的all属性快速重置
CSS的all属性可用于快速重置某个元素的所有样式。
示例：
.reset-element {
all: unset; /* 清除所有继承和默认样式 */
}
button {
all: revert; /* 恢复为浏览器默认样式 */
}
基本上就这些。选择适合项目的重置方式：追求彻底控制用CSS Reset，希望更兼容用Normalize.css，局部调整可用all属性。关键是尽早统一基础样式，避免后续布局错乱。
