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

      

  • 相关阅读:
    Vue 项目结构介绍
    使用命令行创建 Vue 项目
    GitHub无法访问怎么办?-- 已解决
    Spa 单页面应用简介
    JetBrains WebStorm 常用快捷键总结
    使用 WebStorm + Vue 写一个九九乘法表
    使用 WebStorm 2018 运行第一个 Vue 程序
    小工具
    elasticsearch安装部署
    命令行连接ftp
  • 原文地址:https://www.cnblogs.com/xzma/p/7991256.html
Copyright © 2011-2022 走看看