<button id="jskil"><object id="jskil"></object></button>

    1. <rp id="jskil"><object id="jskil"><input id="jskil"></input></object></rp>

        <button id="jskil"><object id="jskil"></object></button>
      1. <li id="jskil"><acronym id="jskil"></acronym></li>
        臨沂網站建設價格

        來自:喬客網絡 發布日期:2018/6/2
        核心提示:現在整理出一小集CSS常用到的東西,與大家分享希望對大家有幫助:
        現在整理出一小集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;