CSS Reset 是指将浏览器默认样式全部清除，从而避免不同浏览器标签之间的样式不同，从而达到样式统一的目的。在响应式设计中，CSS Reset 可以有效的提高网站在不同设备和浏览器中的兼容性和统一性。
注意事项
不要过度使用 CSS Reset
CSS Reset 在某些情况下可能会影响网站原有的样式，导致页面出现问题。因此，不要过度使用 CSS Reset，尽量只清除浏览器的默认样式，保留网站原有的样式。
不要点击其他网站上的 CSS Reset
因为每个网站有自己的风格，所以如果你使用其他网站的 CSS Reset，可能会带来意想不到的问题。因此，建议自己制作独立的 CSS Reset。
考虑到不同设备的视觉效果
在响应式设计中，设备的屏幕尺寸和分辨率可能会有很大的差异，因此在制作 CSS Reset 的时候，一定要考虑到不同设备的视觉效果，尽可能保证网站在不同设备中的显示效果一致。
技巧
选择器权重
CSS Reset 可以使用选择器权重来覆盖浏览器的默认样式，但是只有具有足够权重的选择器才能有效覆盖浏览器的样式。在制作 CSS Reset 时，要考虑到选择器的权重，选择高权重的选择器，避免出现样式覆盖不足的情况。
给选择器添加 !important
在某些情况下，即使选择器的权重足够，也可能无法覆盖浏览器的默认样式，这时可以考虑在样式属性后面加上 !important，强制覆盖浏览器的默认样式。
使用 normalize.css
normalize.css 是一款流行的 CSS Reset 库，它可以保留有用的默认样式，同时清除不必要的样式，从而保证网站的兼容性和统一性。使用 normalize.css 可以大大简化 CSS Reset 的制作过程，同时减少出错的可能性。
使用 reset.css
reset.css 是另一款流行的 CSS Reset 库，它可以清除浏览器的默认样式，从而保证网站在不同设备和浏览器中的显示效果一致。reset.css 可以按照自己的需求进行定制，从而满足更多的需求。
示例代码
-- ----------- -- - - ------- -- -------- -- ------- -- ----------- ----------- ---------- ----- ----- -------- --------------- --------- - -- -------- -- - - ---------------- ----- ------ -------- - -- -------- -- ---- ---------- - -- --- -- - -- --------- ---------- -- ----- - ------- ---- ----------- - -- -- ------------- -- ----- ---------------- ------------------------------------------------------------------------------- -- -- -- --------- -- ----- ---------------- --------------------------------------------------------------------------- --
结论
CSS Reset 是响应式设计中一个非常重要的概念，通过清除浏览器的默认样式，可以保证网站在不同设备和浏览器中的显示效果一致。在制作 CSS Reset 时，要仔细考虑到不同设备的视觉效果，同时注意选择器的权重，避免样式覆盖不足的情况。使用 normalize.css 或 reset.css 可以大大简化 CSS Reset 的制作过程，减少出错的可能性。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6713593dad1e889fe20c4f25