大家都知道，在浏览器中通常都会含有默认的样式，User Agent Stylesheet。意识就是说当某个class元素我们没有写入css样式的时候，浏览器就会用默认的样式展示这个元素的样式。

所以，我们才要在最开始就在css样式表内写入* {padding:0;marging:0}；意识就是要覆盖掉所有属性内外间距。按时考虑到不同的浏览器，在某些元素上面还是会有不同的差异，所以，为了达到统一公共样式，我们还是需要分别写出来。

不然的话，可能一个CSS样式只能在某一种浏览器上面展示的很完美，可能在另外一种浏览器上面就很糟糕，比较混乱，因为每个浏览器的默认样式都不是不同的，所以，如果我们不覆盖掉，那么在不同的浏览器里面就会展示不同的样式。

其实User Agent Stylesheet的优先级很低的，几乎上就是最底层，只有没有这个CSS样式的时候，才会使用默认的浏览器样式，所以，写一份共用的CSS样式表还是很有必要的，用处就是覆盖掉浏览器默认的样式，这样才能达到整个网站或者所有浏览器的统一性。

而一般常用的包括有body,div,a,img,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6等一些比较常见切常用的属性，比如说我的网站几乎就只用到这几种属性，其他的看大家需要情况而定，总之如果想达到某个属性的统一，就必须给他写入一个公用的样式。

以达到覆盖掉浏览器默认样式的作用，否则可能相同的元素在不同的浏览器里面展示就是不相同的，也就造成了比较混乱的结果。不只是我说的这些元素，还有很多很多，具体的大家可以参考一些文档之类的。

如果说，我们使用的元素不是很多，那么我这里就给大家准备了一些比较基础的元素样式，大家可以参考一下。总之就是，用到什么元素可以搜寻一下这个元素的默认样式，然后加进去覆盖浏览器默认就行了，可不只是我说的这些！

简单的说就是每次开始写一个CSS样式表的时候，只需要把这些代码复制进去了，也可以修改自己喜欢的样式，然后才能达到每个浏览器都能使用我们设置的样式，而不是每个浏览器单独的默认样式。

 

html{color:#000;background:#FFF;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, 
fieldset,input,textarea,p,blockquote,th,td { 
margin:0; 
padding:0; 
} 
table { 
border-collapse:collapse; 
border-spacing:0; 
} 
fieldset,img { 
border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
font-style:normal; 
font-weight:normal; 
} 
ol,ul { 
list-style:none; 
} 
caption,th { 
text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
font-size:100%; 
font-weight:normal; 
} 
q:before,q:after { 
content:''; 
} 
abbr,acronym { border:0; 
}