H5 CSS RESET

Source: Internet
Author: User

/*! normalize.css v2.0.1 | mit license | [git][4].io/normalize */      /* ======================================================================== ==       html5 display definitions        ========================================================================== */      /*     *  correct display of ' block ' elements not defined in IE 8/9.      */     article,    aside,     details,    figcaption,    figure,     footer,    header,    hgroup,    nav,     section,    summary {         display: block;    }     /*     *  correcting ie 8/9 ' inline-block ' elements not defined in the display       */     audio,    canvas,     video {        display: inline-block;     }     /*     *  prevents modern browsers from having the Controls property The ' audio ' element is displayed      *  removed  iOS 5  extra height in the device       */     audio:not ([controls])  {         display: none;        height: 0;     }     /*     *  correcting an issue where the ' hidden ' attribute in IE 8/9 does not work      */     [hidden] {         display: none;     }     /* ============================================== ============================        Basic         ========================================================================== */      /*     * 1.  Set the default font to  sans-serif      * 2.  automatically corrects font size after adjusting the orientation of the iOS device without prohibiting user scaling      */      html {        font-family: sans-serif; /* 1  */        -webkit-text-size-adjust: 100%; /* 2  */        -ms-text-size-adjust: 100%; /* 2 * /    }     /*     *  removing the default margins       */     body {        margin: 0;     }     /* =============================================== ===========================       links        ========================================================================== */      /*     *  correcting ' outline ' inconsistencies between chrome and other browsers       */     a:focus {        outline:  thin dotted;    }     /*     *   Enhance readability in all browsers for focus and mouse hover      */     a:active,     a:hover {        outline: 0;     }     /* ==========================================================================         Typesetting        ========================================== ================================ */     /*     *  Adjust the ' H1 ' font size in ' section ' and ' article ' in  Chrome  in  Firefox 4+,Safari 5        */     h1 {        font-size : 2em;    }     /*     *  Correcting IE Issues with styles not appearing in  8/9, Safari 5  and  chrome      */      abbr[title] {        border-bottom: 1px  dotted;    }     /*     *  Calibration   Firefox 4+,&nbsP Style of ' bolder ' in safari 5  and  Chrome       */      b,    strong {        font-weight:  bold;    }     /*     *  correction Problems with styles not appearing in  Safari 5  and  Chrome       */      dfn {        font-style: italic;     }     /*     *  correction  IE 8/9  The problem of style not rendering      */     mark {         background:  #ff0;        color:  #000;     }     /*     *  Correction  safari 5 Strange fonts in   and  Chrome  are setPlace      */     code,    kbd,     pre,    samp {        font-family : monospace, serif;        font-size: 1em;     }     /*     *  enhance readability of pre-formatted text in all browsers       */     pre {         white-space: pre;        white-space: pre-wrap;         word-wrap: break-word;    }      /*     *  set a consistent reference type      */      q {        quotes:  "\201c"   "\201d"   "\2018"   "\2019";    }     /*     *  Corrects variable and inconsistent font sizes in all browsers      */     small {         font-size: 80%;    }      /*     *  prevents ' Sub ' and ' Sup ' in all browsers from affecting row Heights (line-height)       */     sub,    sup {         font-size: 75%;        line-height: 0;         position: relative;         vertical-align: baseline;    }     sup {         top: -0.5em;    }      sub {        bottom: -0.25em;    }     /* ========== ================================================================        Embedding Content        ==================================================================== ====== */     /*     *  removal in  IE 8/9  The border when embedded in the ' a ' element      */     img {         border: 0;    }     /*      *  correcting  IE 9  strange ' overflow ' performance      */      svg:not (: Root)  {        overflow: hidden;     }     /* =============================================== ===========================       figures       ========= ================================================================= */     /*      *  correct issues with  IE 8/9  and  Safari 5  in the margin not shown       */     figure {         margin: 0;    }     /* ========================== ================================================        form         ========================================================================== */      /*     *  define consistent borders, margins, and padding       */     fieldset {        border:  1px solid  #c0c0c0;        margin: 0 2px;         padding: 0.35em 0.625em 0.75em;    }      /*     * 1.  correct issues with colors not inherited in  IE 8/9        * 2.  remove the padding to make sure people don't surprise you when you set FieldSet to 0      */      legend {        border: 0; /* 1  */        padding: 0; /* 2 */     }     /*     * 1.  correcting problems with fonts that are not inherited in all browsers      * 2.  correct any problems with font size not inherited in all browsers      * 3.  corrections  Firefox 4+, Safari 5  and  Chrome  The difference between the margins      */      button,    input,    select,    textarea {         font-family: inherit; /* 1 */         font-size: 100%; /* 2 */         margin: 0; /* 3 */    }     /*      *  Corrections  Firefox 4+  User Agent style sheet (ua stylesheet) on ' input '       *  setting ' Line-height ' when using '!important ' problem      */      button,    input {         line-height: normal;    }     /*      * 1.  avoid  webkit bug&nbsp in  Android 4.0.* , this bug will destroy the native ' audio      *     and ' video ' controllers      * 2.  corrections  iOS  cannot set clickable ' Input ' questions      * 3.  enhanced image type and the availability of pointers in other types of ' input ' and style consistency       */     button,    html input[type= "button"],  /* 1 */    input[type= "Reset"],    input[type= "Submit" ] {        -webkit-appearance: button; /* 2 * /        cursor: pointer; /* 3 */     }     /*     *  Reset the default pointer style for disabled elements       */     button[disabled],    input[ disabled] {        cursor: default;    }      /*     * 1.  adjustment  IE 8/9 box sizing  is set to   ' Content-box '   Issues      * 2.  Remove excess padding in  IE 8/9        */     input[type= "checkbox"],    input[type= "Radio"]  {        box-sizing: border-box; /* 1 */         padding: 0; /* 2 */    }      /*     * 1.  Correction  Safari 5  and  Chrome    ' appearance '   is set to   ' Searchfield '   problem      *  2.  correction  Safari 5  and  Chrome    ' box-sizing '   is set to   ' Border-box '   Issues      *  (include  '-moz '  to future-proof)       */     input[type= "Search"] {        -webkit-appearance:  textfield; /* 1 */        -moz-box-sizing:  content-box;        -webkit-box-sizing: content-box; /*  2 */        box-sizing: content-box;     }     /*     *  Remove  OS X  in   safari 5  and  Chrome  inside margins and the Cancel button of the search box      */      input[type= "Search"]::-webkit-search-cancel-button,    input[type= "search"]::- webkit-search-decoration {        -webkit-appearance: none;     }     /*     *  Remove  firefox  4+  Inner margin      */     button::-moz-focus-inner,    input::- moz-focus-inner {        border: 0;         padding: 0;    }     /*      * 1.  Remove the default vertical scroll bar      * 2 in  IE 8/9 .   Enhance alignment and readability in all browsers      */     textarea {         overflow: auto; /* 1 */         vertical-align: top; /* 2 */    }      /* ==========================================================================         form        ============================== ============================================ */     /*     *  Remove most of the spacing between cells       */     table {         border-collapse: collapse;        border-spacing: 0;     }


H5 CSS RESET

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.