解释下为什么css的reset不建议直接这么写：*{ margin:0; padding:0;}？
*{margin:0;padding:0;} 这种 CSS reset 方式虽然简洁，但不建议使用，主要原因在于性能和潜在的样式冲突：
-
性能问题： 这个规则会应用到页面上的每一个元素，包括很多你实际上并不需要重置样式的元素。这会导致浏览器进行大量的无用计算，尤其在大型、复杂的网页中，会明显影响页面渲染性能。 浏览器需要遍历所有元素并应用样式，即使这些元素默认就没有 margin 和 padding。
-
样式冲突： 许多 HTML 元素，例如
<ul>,<ol>,<dl>,<table>等，以及一些表单元素，都依赖于默认的 margin 和 padding 来实现正确的布局和外观。 强制将所有元素的 margin 和 padding 清零会导致这些元素的默认样式被破坏，需要你手动重新设置，增加了开发工作量，也容易出现遗漏和错误。 例如，列表的缩进、表格的单元格间距等都会受到影响。 -
难以调试： 当出现布局问题时，使用通配符重置样式会增加调试的难度。 你需要仔细检查每个元素，以确定是哪个元素的 margin 或 padding 导致了问题。
更好的做法：
推荐使用更具针对性的 CSS reset 方法，例如：
- 重置特定元素： 只重置需要重置样式的元素，例如：
body, h1, h2, h3, p, ul, li, dl, dt, dd, form, input, textarea {
margin: 0;
padding: 0;
}
这种方式可以避免不必要的样式覆盖，提高性能，并减少调试难度。
- 使用 Normalize.css： Normalize.css 是一个流行的 CSS 重置库，它不会简单地将所有样式清零，而是保留和规范化一些有用的浏览器默认样式，并修复一些浏览器之间的差异。 它能提供更好的跨浏览器兼容性，并减少潜在的样式冲突。 你可以直接引入 Normalize.css 文件，或者复制其代码到你的样式表中。
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
- 自定义 Reset： 根据项目的需求，你可以创建一个自定义的 reset 样式表，只包含你需要重置的样式。 这可以让你更好地控制页面的样式，并避免不必要的样式覆盖。
总之，避免使用 *{margin:0;padding:0;} 这种通配符重置方式，选择更精准、更高效的方案，可以提升网站性能，简化开发流程，并提高代码的可维护性。
