什么是 CSS Reset？
在开始编写任何样式之前，很多前端开发者都会使用 CSS Reset 来初始化默认样式。CSS Reset 是一种将浏览器默认样式彻底清除，以便我们从零开始编写样式的技术。这种技术可以避免浏览器样式差异带来的问题。
但是，有时我们并不是完全想要将默认样式全部清除。在某些情况下，我们还希望能够保留一些默认样式，同时又要重置其他样式。那么该怎么做呢？
如何在保留部分默认样式的情况下重置样式？
下面我们将介绍如何使用 CSS 在保留部分默认样式的情况下重置样式。
保留默认字体
在编写 CSS Reset 时，我们通常会将所有的字体大小、行高等属性都清除。但是有时我们希望保留默认字体，以便避免创建自定义字体带来的问题。那么该怎么做呢？
body {
font-family: inherit;
font-size: 100%;
line-height: 1.5;
}这种方法会将字体设置为与父元素相同，并且会将字体大小和行高都设置为默认值。
保留默认样式
如果我们希望保留一些默认样式，例如链接的下划线、表单元素的边框等，该怎么做呢？
-- -------------------- ---- ------- - - ---------------- ---------- - ------------------- ----------------------- -------- - ------- --- ----- ----- -------------- ---- -
这种方法会保留默认链接的下划线，并将文本输入框的边框设置为默认颜色和圆角值。
修复样式差异
即使我们保留了一些默认样式，仍然可能存在浏览器样式差异导致的问题，例如表格样式、列表样式等。那么该怎么办呢？
-- -------------------- ---- ------- ----- - ---------------- --------- --------------- -- - --- -- - ------- -- -------- -- ----------- ----- - ------- --------------------- -------------------- - -------- -- ----------- ----- ------- ----- ------- -------- -
这种方法是为了修复一些常见的样式差异，例如表格边框合并、列表间距、按钮样式等。
总结
CSS Reset 技巧可以避免浏览器样式差异带来的问题，但是有时我们希望能够保留一些默认样式。我们可以使用一些技巧来实现这一目的，例如保留默认字体、保留默认样式等。同时，我们还需要修复一些常见的样式差异，以便我们的网页能够在不同浏览器上实现一致的效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64561fc2968c7c53b0962f5c