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

摘要

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

代码

/* 将标签默认的间距设为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传递给了父级元素*/



补充

没啥好补充的。-。-

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值