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

      

  • 相关阅读:
    php configure help
    ubuntu下编译安装PHP
    【转】Ubuntu编译安装mysql源码
    Java 处理异常 9 个最佳实践,你知道几个?
    HashMap工作原理
    LinkedList
    SpringMVC常用注解@Controller,@Service,@repository,@Component
    HTML5 APP应用实现图片上传及拍照上传功能
    bootstrap-datepicker 与bootstrapValidator同时使用时,选择日期后,无法正常触发校验
    js
  • 原文地址:https://www.cnblogs.com/xzma/p/7991256.html
Copyright © 2011-2022 走看看