摘要
- 仅服务个人,后续可能会补充(可能性不大)。
- 代码中有很多备注和部分知识点介绍。
- 文件需要引用和调用。
代码
/* 将标签默认的间距设为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传递给了父级元素*/
补充
没啥好补充的。-。-