什么是 CSS Reset ？
CSS Reset（CSS 重置）是一种技术，可以通过重置（或覆盖）浏览器的默认样式，来达到统一不同浏览器之间的表现，从而减少跨浏览器布局问题。
在不同的浏览器中，有许多默认样式会导致页面显示不一致，例如默认内边距和外边距，字体大小和颜色等等。通过使用 CSS Reset 技术，可以清除不同浏览器的默认样式，以便在不同的浏览器中保持一致的外观和行为。
什么是 IE 默认内边距 / 外边距？
IE 默认内边距 / 外边距是指在 IE 浏览器中，某些元素拥有特定的内边距 / 外边距值，而其他浏览器并没有这些默认值。
例如，HTML body 标签在 IE 浏览器中有默认的外边距值，而其他浏览器并没有。同样，h1 标签在 IE 浏览器中也有默认的内边距值，而其他浏览器并没有。
这些默认值可能会导致跨浏览器的显示问题和不一致性，因此需要使用 CSS Reset 技术清除它们。
如何清除 IE 默认内边距 / 外边距？
在 CSS Reset 中清除 IE 默认内边距 / 外边距，可以使用以下方法：
方法一：使用通用选择器
可以使用通用选择器 * 来重置所有元素的内边距和外边距，从而清除 IE 默认内边距 / 外边距。
* {
margin: 0;
padding: 0;
}这个方法是最常用的 IE 默认内边距 / 外边距清除方法之一，它可以清除所有元素的默认内边距和外边距，避免了不同浏览器之间的差异。
方法二：使用 normalize.css
Normalize.css 是一种流行的 CSS Reset 库，旨在为所有 HTML 元素提供一致的样式和默认样式，并修复常见的跨浏览器 bug。Normalize.css 可以通过以下方式引入：
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/normalize.css">
或者下载 normalize.css 后，在 HTML 文件中引入：
<link rel="stylesheet" href="normalize.css">
具体而言，normalize.css 通过添加一些重置样式、修复一些元素的行为和添加一些全局样式来清除 IE 默认内边距 / 外边距等浏览器的默认样式。
-- -------------------- ---- ------- -- ------------- -- ----- ---- - ------- -- -------- -- - -------- ------ -------- ----------- ------- ------- ------- ----- ----- ---- -------- ------- - -------- ------ - - - ----------------- ------------ ----------------------------- -------- ---------------- ----- - ---
总结
CSS Reset 技术能够清除 IE 默认内边距 / 外边距等浏览器默认样式，避免不同浏览器之间的差异和显示问题。具体而言，可以使用通用选择器或 normalize.css 等方式来实现。
在实际开发中，可以根据项目需求选择合适的 CSS Reset 技术，并结合响应式布局和其他布局技术，构建出美观稳定的网页。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649d61ba48841e9894a25197