>#### 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;
}
~~~