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;
    }
    

      

  • 相关阅读:
    Oracle数据库——半期测验
    Oracle数据库——SQL高级查询
    mysql中整数类型后面的数字,是不是指定这个字段的长度?比如int(11),11代表11个字节吗?
    ehcache memcache redis 三大缓存男高音
    Java Redis Pipeline 使用示例
    游族网络:我们是怎么玩转千台以上游戏云服务器的
    java 在Excel中插入图片 POI实现
    解放运维的双手,谈自动化运维管理平台设计
    运维堡垒机
    查询相应的key
  • 原文地址:https://www.cnblogs.com/xzma/p/7991256.html
Copyright © 2011-2022 走看看