CSS Reset是通过重置HTML元素默认样式来消除浏览器渲染差异的方法。它将margin、padding、font等设为统一值，使页面表现更一致。常见方式有：1. Eric Meyer的Reset CSS，覆盖全面，适合高度控制；2. 自定义简单Reset，如*{margin:0;padding:0;box-sizing:border-box}，适用于小项目；3. Normalize.css，保留有用默认样式，仅修正差异，推荐大型项目使用。实际应用中应根据项目规模选择方案，将Reset置于CSS文件开头，并结合box-sizing便于布局，确保样式一致性。
浏览器会为HTML元素设置默认样式，比如margin、padding、font-size等，不同浏览器的默认值可能不一致。使用CSS Reset可以清除这些默认样式，让页面在不同浏览器中表现更统一。
什么是CSS Reset
CSS Reset是一种通过重置元素默认样式的手段，消除浏览器间的渲染差异。它通常将所有元素的边距、填充、字体等设为统一值，便于开发者从“干净”的基础开始设计。
常见的CSS Reset方法
有几种主流方式实现样式重置，可根据项目需求选择：
1. 使用Eric Meyer的Reset CSS
立即学习“前端免费学习笔记（深入）”；
这是最经典的Reset方案之一，覆盖全面，适合需要高度控制样式的项目。
引入方式：
/* 在CSS文件开头或单独引入 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* 更多规则可参考官方版本 */
2. 使用简单的自定义Reset
如果不需要那么全面，可以只重置常用元素：
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
a {
text-decoration: none;
color: inherit;
}
img {
border: 0;
max-width: 100%;
height: auto;
}
ol, ul {
list-style: none;
}
3. 使用现代替代方案：Normalize.css 或 Reset CSS库
Normalize.css不会完全清除样式，而是让元素在各浏览器中表现一致，保留有用的默认样式。相比传统Reset更温和。
使用方法：
- 下载 Normalize.css
- 在项目中引入：
<link rel="stylesheet" href="normalize.css">
实际使用建议
选择哪种方式取决于项目规模和团队习惯：
- 小项目或学习用途，用简单通配符重置（
*）即可 - 大型项目推荐使用Normalize.css，避免过度重置导致样式丢失
- 保持Reset代码在CSS文件最前面，确保优先应用
- 配合
box-sizing: border-box更方便布局计算
基本上就这些，关键在于统一基础，减少意外样式干扰。根据实际情况选合适的方式就行。不复杂但容易忽略细节。
