現(xiàn)在整理出一小集CSS常用到的東西，與大家分享希望對大家有幫助：
1.頁面內(nèi)容居中
01
body{
02
margin:0 auto;
03
}
 2.單行文字圖標(biāo)居中
01
div {  
02
height:25px;  
03
line-height:25px;  
04
}
05
//也就是給height和line-height同樣的高度，再用margin-bottom來細調(diào)。
 3.當(dāng)網(wǎng)頁字體小于12px時 chrome內(nèi)核瀏覽器始終顯示為12px
01
body{
02
-webkit-text-size-adjust:none; /*for chorme*/
03
}
 4.ie6雙倍margin的bug
01
#box{
02
float:left;
03
width:100px;
04
margin:0 0 0 100px; //ie6會產(chǎn)生200px的距離
05
display:inline; //解決辦法
06
}
 5. 多個class合并書寫
01
//通常class里面只寫一個值，事實上可以多個值，用空格隔開即可。
 6.給網(wǎng)頁換個鼠標(biāo)指針
01
cursor:url('指針絕對路徑'),auto;
02
//通常這個css寫在body和a里
7.input文本框光標(biāo)居中
01
//不同瀏覽器對這個理解不同
02
//解決方法是設(shè)置input高度與文字高度相等，然后用上下padding填充即可。
 8.css sprites用法
01
.a {
02
display:inline-block;
03
height:16px; width:16px;
04
background:url(icon.png) x坐標(biāo) y坐標(biāo) no-repeat;
05
}
 9.子容器增長時父容器不自動增長
01
//給父容器定義樣式
02
overflow:auto;
03
zoom:1;//兼容IE6
 10.IE6 IE7下li高度問題
01
//IE6 IE7將字體高度也算入行高 導(dǎo)致li高度異常 只需給li定義以下樣式即可
02
font-size:0px;