• reset.css


    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        background: transparent;
    }
    
    
    /* HTML5 display-role reset for older browsers */
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
        display: block;
    }
    
    body {
        line-height: 1;
    }
    
    :focus {
        outline: 1;
    }
    
    i,
    cite,
    em,
    var,
    address,
    dfn {
        font-style: normal;
    }
    
    ol,
    ul {
        list-style: none;
    }
    
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    
    caption,
    th {
        text-align: left;
        font-weight: normal;
    }
    
    img {
        border-style: none;
        display: inline-block;
        vertical-align: middle;
    }
    
    a,
    a:active,
    a:hover,
    a:focus,
    a:visited {
        text-decoration: none;
    }
    
    
    /* 表单样式 */
    
    input,
    textarea,
    select,
    button {
        vertical-align: baseline;
        *vertical-align: middle;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    
    table input,
    table button {
        *overflow: auto;
    }
    
    a[href],
    input[type='submit'],
    input[type='image'],
    input[type='reset'],
    input[type='button'],
    label[for],
    select,
    button {
        cursor: pointer;
        -webkit-appearance: button;
    }
    
    
    /*  
     * 移动端样式 
     * 禁用长按页面时的弹出菜单(iOS下有效) ,img和a标签都要加
     * 去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android)
     * @Last Modified time: 2017-12-06 09:54:02 
     */
    
    a,
    img {
        -webkit-touch-callout: none;
    }
    
    a,
    button,
    input,
    textarea {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        background: none;
        outline: none;
        resize: none;
        -webkit-appearance: none;
        -webkit-touch-callout: none;
        white-space: pre-wrap;
        word-wrap: break-word;
        border: none;
    }
    
    
    /* base.css */
    
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    body,
    textarea,
    input,
    button,
    select,
    keygen,
    legend {
        font: 14px/1 -apple-system, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "STHeiTi", "sans-serif";
        color: #333;
        outline: 0;
    }
    
    body {
        background: #fff;
    }
    

      

  • 相关阅读:
    通用订单搜索的API设计得失录
    碎碎念集萃十七
    基于Groovy+HttpRestful的超轻量级的接口测试用例配置的设计方案及DEMO实现
    决策:作出更好选择的方法与技巧
    碎碎念集萃十六
    谈谈Groovy闭包
    Groovy常用编程知识点简明教程
    TMC首秀:写作带给我生命的影响与感动
    关于年龄
    工程质量保障的基本规范和建议
  • 原文地址:https://www.cnblogs.com/xzma/p/7991256.html
Copyright © 2020-2023  润新知