<td id="emm2c"><tt id="emm2c"></tt></td>
  • <blockquote id="emm2c"><samp id="emm2c"></samp></blockquote>
  • <kbd id="emm2c"></kbd>
  • <source id="emm2c"><object id="emm2c"></object></source>
  • 臨沂網站建設價格

    來自:喬客網絡 發布日期: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;
    欧洲美女黑人粗性暴交_国产做暧视频在线人成_精品国产肉丝袜久久_欧美zo人妇另类