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