不同的浏览器下HTML元素的默认样式之间存在差别。开发时浏览器的默认样式可能会给我们带来多浏览器兼容性问题,影响开发效率。现在很流行的解决方式是一开始就将浏览器的默认样式全部覆盖掉,这就是CSS Reset。

如果你不打算用某个外在的库,那么建议可以使用如下的基本规则:

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

目前流行的 Reset 库有 normalize.css 以及 minireset

normalize.css https://necolas.github.io/normalize.css/

minireset https://jgthms.com/minireset.css/