zoukankan      html  css  js  c++  java
  • 自己用的reset.css,大部分转载,加上自己常用的设置

    @charset "UTF-8";
    /*
    KISSY CSS Reset
    理念:清除和重置是紧密不可分的
    特色:1.适应中文 2.基于最新主流浏览器
    维护:玉伯(lifesinger@gmail.com), 正淳(ragecarrier@gmail.com)
    */

    /* 清除内外边距 */
    body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
    dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
    pre, /* text formatting elements 文本格式元素 */
    fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
    th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
    }

    /* 设置默认字体 */
    body,
    button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 12px/1 Tahoma, Helvetica, Arial, "5b8b4f53", sans-serif; /* 用 ascii 字符表示,使得在任何编码下都无问题 */
    }

    h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
    h2 { font-size: 16px; }
    h3 { font-size: 14px; }
    h4, h5, h6 { font-size: 100%; }

    address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
    code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
    small { font-size: 12px; } /* 小于 12px 的中文很难阅读,让 small 正常化 */

    /* 重置列表元素 */
    ul, ol { list-style: none; }

    /* 重置文本格式元素 */
    a { text-decoration: none; }
    a:hover { text-decoration: underline; }

    abbr[title], acronym[title] { /* 注:1.ie6 不支持 abbr; 2.这里用了属性选择符,ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
    }

    q:before, q:after { content: ''; }

    /* 重置表单元素 */
    legend { color: #000; } /* for ie6 */
    fieldset, img { border: none; } /* img 搭车:让链接里的 img 无边框 */
    /* 注:optgroup 无法扶正 */
    button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
    }

    /* 重置表格元素 */
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }

    /* 重置 hr */
    hr {
    border: none;
    height: 1px;
    }

    /* 让非ie浏览器默认也显示垂直滚动条,防止因滚动条引起的闪烁 */
    body,html { overflow-x: hidden; 100%;height: 100%;
    -webkit-overflow-scrolling : touch;  /* !* liuhx:可以把这整行注释掉对比差别 *! */

    /* 上面这个是ios系统独有的允许独立区域,回弹效果,之前做iscroll在ios上拉被截断至一截区域内,用了DebugGap才找出原来是上面的属性问题*/


    }

    /*清除ios原生的按钮样式*/
    input[type=button],button{
    -webkit-appearance:none;
    outline:none
    }
    /*加在父级 清除浮动*/
    .clear{
    zoom:1;
    /*ie系列*/
    }
    .clear:after{
    content:"";
    clear:both;
    display:block;
    }

    /*加在父级,禁止用户选中其下的文字*/
    .no-selected{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
    /*清除a标签的伪类事件*/
    .nona a,.nona a:hover,.nona a:link,.nona a:visited{
    text-decoration: none;
    }
    /*清除input=number的上下箭头*/
    input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    }
    /*去除点击延迟*/
    a[href], button {
    -ms-touch-action: none; /* IE10 */
    touch-action: none; /* IE11 */
    }

    .pull-left{
    float: left !important;
    }
    .pull-right{
    float: right !important;
    }
    .float-l{
    float: left;
    }
    .float-r{
    float: right;
    }

  • 相关阅读:
    《程序员修炼之道:从小工到专家》阅读笔记02
    第二阶段团队冲刺10
    第二阶段团队冲刺09
    周总结
    第二阶段团队冲刺08
    第二阶段团队冲刺07
    小A和小B和幽灵追两人(双向BFS)
    C. 真假亚瑟王(暴力)
    小A的柱状图(栈的应用,找左右边界)
    小A买彩票
  • 原文地址:https://www.cnblogs.com/jldiary/p/5317580.html
Copyright © 2011-2022 走看看