美文网首页
normalize.css

normalize.css

作者: code武 | 来源:发表于2018-01-26 14:08 被阅读0次

    /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

    /* Document

      ========================================================================== */

    /**

    * 1. Correct the line height in all browsers.

    * 2. Prevent adjustments of font size after orientation changes in

    *    IE on Windows Phone and in iOS.

    */

    html {

      line-height: 1.15; /* 1 */

      -ms-text-size-adjust: 100%; /* 2 */

      -webkit-text-size-adjust: 100%; /* 2 */

    }

    /* Sections

      ========================================================================== */

    /**

    * Remove the margin in all browsers (opinionated).

    */

    body {

      margin: 0;

    }

    /**

    * Add the correct display in IE 9-.

    */

    article,

    aside,

    footer,

    header,

    nav,

    section {

      display: block;

    }

    /**

    * Correct the font size and margin on `h1` elements within `section` and

    * `article` contexts in Chrome, Firefox, and Safari.

    */

    h1 {

      font-size: 2em;

      margin: 0.67em 0;

    }

    /* Grouping content

      ========================================================================== */

    /**

    * Add the correct display in IE 9-.

    * 1. Add the correct display in IE.

    */

    figcaption,

    figure,

    main { /* 1 */

      display: block;

    }

    /**

    * Add the correct margin in IE 8.

    */

    figure {

      margin: 1em 40px;

    }

    /**

    * 1. Add the correct box sizing in Firefox.

    * 2. Show the overflow in Edge and IE.

    */

    hr {

      box-sizing: content-box; /* 1 */

      height: 0; /* 1 */

      overflow: visible; /* 2 */

    }

    /**

    * 1. Correct the inheritance and scaling of font size in all browsers.

    * 2. Correct the odd `em` font sizing in all browsers.

    */

    pre {

      font-family: monospace, monospace; /* 1 */

      font-size: 1em; /* 2 */

    }

    /* Text-level semantics

      ========================================================================== */

    /**

    * 1. Remove the gray background on active links in IE 10.

    * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.

    */

    a {

      background-color: transparent; /* 1 */

      -webkit-text-decoration-skip: objects; /* 2 */

    }

    /**

    * 1. Remove the bottom border in Chrome 57- and Firefox 39-.

    * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.

    */

    abbr[title] {

      border-bottom: none; /* 1 */

      text-decoration: underline; /* 2 */

      text-decoration: underline dotted; /* 2 */

    }

    /**

    * Prevent the duplicate application of `bolder` by the next rule in Safari 6.

    */

    b,

    strong {

      font-weight: inherit;

    }

    /**

    * Add the correct font weight in Chrome, Edge, and Safari.

    */

    b,

    strong {

      font-weight: bolder;

    }

    /**

    * 1. Correct the inheritance and scaling of font size in all browsers.

    * 2. Correct the odd `em` font sizing in all browsers.

    */

    code,

    kbd,

    samp {

      font-family: monospace, monospace; /* 1 */

      font-size: 1em; /* 2 */

    }

    /**

    * Add the correct font style in Android 4.3-.

    */

    dfn {

      font-style: italic;

    }

    /**

    * Add the correct background and color in IE 9-.

    */

    mark {

      background-color: #ff0;

      color: #000;

    }

    /**

    * Add the correct font size in all browsers.

    */

    small {

      font-size: 80%;

    }

    /**

    * Prevent `sub` and `sup` elements from affecting the line height in

    * all browsers.

    */

    sub,

    sup {

      font-size: 75%;

      line-height: 0;

      position: relative;

      vertical-align: baseline;

    }

    sub {

      bottom: -0.25em;

    }

    sup {

      top: -0.5em;

    }

    /* Embedded content

      ========================================================================== */

    /**

    * Add the correct display in IE 9-.

    */

    audio,

    video {

      display: inline-block;

    }

    /**

    * Add the correct display in iOS 4-7.

    */

    audio:not([controls]) {

      display: none;

      height: 0;

    }

    /**

    * Remove the border on images inside links in IE 10-.

    */

    img {

      border-style: none;

    }

    /**

    * Hide the overflow in IE.

    */

    svg:not(:root) {

      overflow: hidden;

    }

    /* Forms

      ========================================================================== */

    /**

    * 1. Change the font styles in all browsers (opinionated).

    * 2. Remove the margin in Firefox and Safari.

    */

    button,

    input,

    optgroup,

    select,

    textarea {

      font-family: sans-serif; /* 1 */

      font-size: 100%; /* 1 */

      line-height: 1.15; /* 1 */

      margin: 0; /* 2 */

    }

    /**

    * Show the overflow in IE.

    * 1. Show the overflow in Edge.

    */

    button,

    input { /* 1 */

      overflow: visible;

    }

    /**

    * Remove the inheritance of text transform in Edge, Firefox, and IE.

    * 1. Remove the inheritance of text transform in Firefox.

    */

    button,

    select { /* 1 */

      text-transform: none;

    }

    /**

    * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`

    *    controls in Android 4.

    * 2. Correct the inability to style clickable types in iOS and Safari.

    */

    button,

    html [type="button"], /* 1 */

    [type="reset"],

    [type="submit"] {

      -webkit-appearance: button; /* 2 */

    }

    /**

    * Remove the inner border and padding in Firefox.

    */

    button::-moz-focus-inner,

    [type="button"]::-moz-focus-inner,

    [type="reset"]::-moz-focus-inner,

    [type="submit"]::-moz-focus-inner {

      border-style: none;

      padding: 0;

    }

    /**

    * Restore the focus styles unset by the previous rule.

    */

    button:-moz-focusring,

    [type="button"]:-moz-focusring,

    [type="reset"]:-moz-focusring,

    [type="submit"]:-moz-focusring {

      outline: 1px dotted ButtonText;

    }

    /**

    * Correct the padding in Firefox.

    */

    fieldset {

      padding: 0.35em 0.75em 0.625em;

    }

    /**

    * 1. Correct the text wrapping in Edge and IE.

    * 2. Correct the color inheritance from `fieldset` elements in IE.

    * 3. Remove the padding so developers are not caught out when they zero out

    *    `fieldset` elements in all browsers.

    */

    legend {

      box-sizing: border-box; /* 1 */

      color: inherit; /* 2 */

      display: table; /* 1 */

      max-width: 100%; /* 1 */

      padding: 0; /* 3 */

      white-space: normal; /* 1 */

    }

    /**

    * 1. Add the correct display in IE 9-.

    * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.

    */

    progress {

      display: inline-block; /* 1 */

      vertical-align: baseline; /* 2 */

    }

    /**

    * Remove the default vertical scrollbar in IE.

    */

    textarea {

      overflow: auto;

    }

    /**

    * 1. Add the correct box sizing in IE 10-.

    * 2. Remove the padding in IE 10-.

    */

    [type="checkbox"],

    [type="radio"] {

      box-sizing: border-box; /* 1 */

      padding: 0; /* 2 */

    }

    /**

    * Correct the cursor style of increment and decrement buttons in Chrome.

    */

    [type="number"]::-webkit-inner-spin-button,

    [type="number"]::-webkit-outer-spin-button {

      height: auto;

    }

    /**

    * 1. Correct the odd appearance in Chrome and Safari.

    * 2. Correct the outline style in Safari.

    */

    [type="search"] {

      -webkit-appearance: textfield; /* 1 */

      outline-offset: -2px; /* 2 */

    }

    /**

    * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.

    */

    [type="search"]::-webkit-search-cancel-button,

    [type="search"]::-webkit-search-decoration {

      -webkit-appearance: none;

    }

    /**

    * 1. Correct the inability to style clickable types in iOS and Safari.

    * 2. Change font properties to `inherit` in Safari.

    */

    ::-webkit-file-upload-button {

      -webkit-appearance: button; /* 1 */

      font: inherit; /* 2 */

    }

    /* Interactive

      ========================================================================== */

    /*

    * Add the correct display in IE 9-.

    * 1. Add the correct display in Edge, IE, and Firefox.

    */

    details, /* 1 */

    menu {

      display: block;

    }

    /*

    * Add the correct display in all browsers.

    */

    summary {

      display: list-item;

    }

    /* Scripting

      ========================================================================== */

    /**

    * Add the correct display in IE 9-.

    */

    canvas {

      display: inline-block;

    }

    /**

    * Add the correct display in IE.

    */

    template {

      display: none;

    }

    /* Hidden

      ========================================================================== */

    /**

    * Add the correct display in IE 10-.

    */

    [hidden] {

      display: none;

    }

    相关文章

      网友评论

          本文标题:normalize.css

          本文链接:https://www.haomeiwen.com/subject/gsziaxtx.html