如何做默认样式重置？RESETTING 和 NORMALIZING 之间有什么区别？

这里是修真院前端小课堂，每篇分享文从

【如何做默认样式重置？RESETTING 和 NORMALIZING 之间有什么区别？ 】

1.背景介绍

默认样式重置出现的原因：

目前为止，市面上的五大主流浏览器为IE、Chrome、Firefox、Safari和Opera。 当我们没有给html元素设置样式时，这5个浏览器会根据自己的默认样式对html元素进行布局，但是由于每个浏览器的默认布局样式不同， 会导致元素的展示方式出现差异，从而使同一页面在不同浏览器中的展示出现差异。使用CSS样式重置这一方式，就可以使网页展示效果保持 一致。

webkit浏览器默认样式

火狐浏览器默认样式

IE浏览器不同版本默认样式对比表

最早的一份CSS reset来自Tantek 的undohtml.css， 很简单的代码，Tantek 根据自己的需要，对浏览器的默认样式进行了一些重置。 其余一些有名的CSS reset如业界领袖Eric Meyer的reset; 或是Tripoli Reset。

2.知识剖析

什么是CSS RESET？

我们可以把它叫做CSS重设，也有人叫做CSS复位、默认CSS、CSS重置等。 CSS重设就是由于各种浏览器解释CSS样式的初始值有所不同，导致设计师 在没有定义某个CSS属性时，不同的浏览器会按照自己的默认值来为没有定 义的样式赋值，所以我们要先定义好一些CSS样式，去“覆盖”浏览器的CSS默认属性， 来让所有浏览器都按照同样的规则解释CSS，这样就能避免发生这种问题。

CSS Reset的作用：

CSS Reset让各个浏览器的CSS样式有一个统一的基准，而实现这一基准最主要的方式就是“清零”

举例：