zoukankan      html  css  js  c++  java
  • 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;
    }
    

      

  • 相关阅读:
    【WebTerminal】gotty工具
    【Java】15分钟快速体验阿里Java诊断工具Arthas
    【K8S】helm chart多环境部署最佳实践-示例
    mysql-linux定时备份mysql数据库
    Mockito-简单使用使用
    EasyMock 简单使用
    SpringDataJpa学习
    js-重写jquery的ajax中的内容
    shiro-过滤器
    hadoop ha 读取 activce状态的活动节点
  • 原文地址:https://www.cnblogs.com/xzma/p/7991256.html
Copyright © 2011-2022 走看看