临沂亿博体育平台建设价格
  • 新闻动态
  • 主营业务
  • 选择我们

  • 来自:乔客网络 发布日期: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;