css之重置样式

在我们进行开发过程中， 可能会使用到一些自行带有样式的标签，那么为了更加方便的进行项目开发，我们可以重制这些标签中的样式，下面我们只需要在css文件夹中新建一个reset.css的文件，然后写入以下代码

/* 将标签默认的间距设为0 */

body,p,h1,h2,h3,h4,h5,h6,form,input,dl,dt,ul{
	margin: 0;
	padding: 0;
}

/* 去掉默认的小圆点 */
ul{
	list-style: none;

}

/* 去掉a标签默认的下划线 */
a{
	text-decoration: none;
}

/* 设置不倾斜 */
em{
	font-style: normal;
}

/* 去掉在IE下做图片链接时生成的边框 */
img{
	border:0px;
}

/* 在h标签继承body中的字体大小的设置 */
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
}

/* 清除浮动，解决margin-top塌陷 */
.clearfix:before,.clearfix:after{
	content: "";
	display: table;
}

.clearfix:after{
	clear:both;
}

/* 解决IE浏览器中的兼容问题*/
.clearfix{
	zoom:1;
}


/* 左浮动 */
.fl{
	float: left;
}

/* 右浮动 */
.fr{
	float: right;
}

做个示例：

注意，如果要重新引入样式，可以再次使用link标签引入，但顺序应放在reset.css的下方。
比如，我现在再重制一下h1标签的样式。

然后再刚才的html代码中调用这个样式，那么h1.css中的样式则会覆盖reset.css中的样式。
效果如下：