看到这个标题，我想，同道的朋友一定知道我写的大概是什么内容；如果不明白，那您可以先补下html方面的入门知识，以后或许会对您有帮助。写出来只是为了让自己将学到的知识做个整理、总结以提高。如果可能会对朋友们有帮助，那更加给了我继续下去的动力，毕竟，知识在于分享。

言归正传，之前我也看到过这方面的内容，而且有不少是国外某些大牛们的写作样式。细看下去，却没有了耐心，原因是篇幅太长。或许本人能力有限，接触的页面不是很多，经常所使用的标签也就20多个，当看到某些重置样式写的快占到整个屏幕时，我不禁要怀疑，定义这么多，是否真正都能用的上呢？

我的一个原则就是实用。在不影响实现该效果的情况下，所使用样式和代码尽可能少，不是说太在乎那点内存和带宽，而是觉得代码多而繁，繁而乱，何必画蛇添足呢？

废话不多说，看代码：

/*重置文档类型声明中的默认属性*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0; vertical-align:top;}
ol,ul,li{list-style:none;}

说明：

第一行是将常用标签的内外补丁都设置为0，有的人或许还会加一个border:0;，我没有用是觉得加上后会对默认的input和select有影响而不显示边框；
第二行是针对table进行重设，其中有一个很重要的定义：border-collapse:collapse（相邻边被合并），这在程序循环输出有及其方便的应用；
第三行是针对图片的，避免在超链接状态下产生蓝色边框，而vertical-align:top;则解决了在IE6下图片会产生空隙的bug；
第四行是解决列表样式，一般都不使用默认样式，根据实际情况进行定义，而常见标题前的修饰图片，建议在background中定义。

以上就是我常用的重置样式写法，疏漏之处在所难免，依实际情况而定；当然这只是个人爱好，每个人都有自己的书写习惯，如果你有更好的写法，那何不分享与之呢？