>#### 1.css初始化(清除浏览器中标签的一些默认样式)
1.去掉标签的默认margin和padding
~~~
html,body,ul,li,p,h1,h2,form,img{margin:0;padding:0}
~~~
2.去掉图片的边框
~~~
img{border:0}
~~~
3.去掉ul前面的小点
~~~
ul{list-style:none}
~~~
4.去掉input标签默认的padding-top padding-bottom
~~~
input{padding-top:0;padding-bottom: 0;border:0}
~~~
5.去掉a标签的下划线
~~~
a{
text-decoration: none;
}
~~~
6.给body 设置一个统一的字体样式和背景颜色
~~~
body{
/* font属性连写 font-style font-weight font-size font-family */
font:normal normal 12px "宋体";
color:#4C4C4C;
background-color: #FEEBCA;
}
~~~
7.左，右浮动 清除浮动
~~~
.fl{
float: left;
}
.fr{
float: right;
}
.clearfix:after{
content: "";
height: 0;
line-height: 0;
display: block;
visibility: hidden;
clear: both;
}
.clearfix{
zoom: 1;
}
~~~
