什么是用户代理样式 User Agent Stylesheet?

在给网页调试某部分css样式代码的时候，发现无缘无故的多出了一些额外的代码（比如：margin:8px;），并且还修改不了，后来在查询了一下，原来这些样式是用户代理样式(User Agent Stylesheet)，下面我们通过以下几个方面来具体了解下什么是用户代理样式。

• 用户代理样式表(User Agent Stylesheet)是浏览器内建的一套默认样式的CSS规则;且不同浏览器之间也存在有差异,同时也受操作系统的影响。
• 用户代理样式表的存在为我们提供了诸如fonts、colors、spacing 以及 margin 等元素样式的基础属性值，用于指定字体系列、大小单位、行高设置、边距和填充处理等，从而为网页内容提供了一套基础的样式，目的是为了让网页更好的展现在客户面前。
• 用户代理样式表在开发者自定义样式之前生效,我们可以通过在之后的自定义样式表或使用内联样式对其进行覆盖，以达到自己想要的效果。
• 我们可以通过浏览器提供的开发者工具（比如谷歌浏览器按下F2即可进入开发者模式）,检查和用户代理样式表中的相关规则,用于了解页面元素最初样式。
• 用户代理样式并不是每个网页都会出现，当我们受到代理样式干扰，或者出现不明样式时，就要注意检查一下是否是代理样式出现了问题。
• 举个例子：下面是我在调试代码时出现的用户代理样式，在body中凭空多出来了个边距(margin:8px)，并且是不能修改的。

莫名出现的用户代理样式User Agent Stylesheet

要想解决这个问题，就需要自己定义内部(联)样式或者在css文件中添加以下代码对代理样式进行覆盖：

body{ margin: 0 !important; }

其中的!important 可以增加用户样式的权重，覆盖其它同类样式声明。

然后我们再来看下，之前的用户代理样式就被新的样式给替代了。