resect.css:通用的css清除样式代码片

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/rusi__/article/details/100800457

摘要

  • 仅服务个人,后续可能会补充(可能性不大)。
  • 代码中有很多备注和部分知识点介绍。
  • 文件需要引用和调用。

代码

/* 将标签默认的间距设为0 (把用得到的设置一下就可以了)*/
/* 在这里中文逗号导致input的margin和padding没有重置*/
body,p,h1,h2,h3,h4,h5,h6,ul,dl,dt,form,input{
	margin: 0;
	padding: 0;
}

/*去掉默认的小圆点,ol一般不用*/
ul{
	list-style: none;
}

/*去掉下划线*/
a{
	text-decoration: none;
}

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

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


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

/*清除浮动,解决margin-top的塌陷*/

.clearfix:before,.clearafter:after{
	content: "";
	/*解决塌陷:此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。*/
	display: table;
}
.clearfix:after{
	/*两边元素都不会浮动*/
	clear: both;
}
/*清除浮动,兼容ie*/
.clearfix{
	zoom:1;
}


.fl{
	float: left;
}

.fr{
	float: right;
}



/*清除浮动一般运用与,想让里面的元素依次排列的撑开外层.(浮动了的元素是无法撑开的)*/

/*解决top塌陷,是避免子类元素的margin-top传递给了父级元素*/



补充

没啥好补充的。-。-

猜你喜欢

转载自blog.csdn.net/rusi__/article/details/100800457