CSS Reset

C

其实也不是原创，就是自己找了凑的。

度娘：

CSS Reset是什么？

在HTML标签在浏览器里有默认的样式，例如 p 标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别，例如ul默认带有缩进的样式，在IE下，它的缩进是通过margin实现的，而Firefox下，它的缩进是由padding实现的。在切换页面的时候，浏览器的默认样式往往会给我们带来麻烦，影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉，更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简单的说法就是把浏览器提供的默认样式覆盖掉！这就是CSS reset。

2为什么要重置它？

因为浏览器的品种很多，每个浏览器的默认样式也是不同的，比如<button>标签，在IE浏览器、Firefox浏览器以及Safari浏览器中的样式都是不同的，所以，通过重置button标签的CSS属性，然后再将它统一定义，就可以产生相同的显示效果。

3.reset.css内容

/* http://meyerweb.com/eric/tools/css/reset/
	v2.0 | 20110126
	License: none (public domain)
	*/
	html,body,div,span,applet,object,iframe,
	h1,h2,h3,h4,h5,h6,p,blockquote,pre,
	a,abbr,acronym,address,big,cite,code,
	del,dfn,em,img,ins,kbd,q,s,samp,
	small,strike,strong,sub,sup,tt,var,
	b,u,i,center,
	dl,dt,dd,ol,ul,li,
	fieldset,form,label,legend,
	table,caption,tbody,tfoot,thead,tr,th,td,
	article,aside,canvas,details,embed,
	figure,figcaption,footer,header,hgroup,
	main,menu,nav,output,ruby,section,summary,
	time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article,aside,details,figcaption,figure,
	footer,header,hgroup,main,menu,nav,section{
	display:block;
	}
	body {
	line-height:1;font-family: '微软雅黑',tahoma,arial,'宋体';
	}
	ol,ul{
	list-style:none;
	}
	blockquote,q{
	quotes:none;
	}
	blockquote:before,blockquote:after,
	q:before,q:after{
	content:'';
	content:none;
	}
	/* Don't kill focus outline for keyboard users: http://24ways.org/2009/dont-lose-your-focus */
	a:hover,a:active{
	outline:none;
	}
	table {
	border-collapse:collapse;
	border-spacing:0;
	}