本文共 6404 字，大约阅读时间需要 21 分钟。

    
    
   
    
        /* CSS Reset v2.0-modified | 20110126 */
        /* Reset all default styles for HTML elements */
        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;
        }
        /* Focus styles for accessibility */
        :focus {
            outline: 0;
        }
        /* HTML5 display-role reset for older browsers */
        article, aside, details, figcaption, figure,
        footer, header, hgroup, menu, nav, section {
            display: block;
        }
        body {
            line-height: 1;
        }
        ol, ul {
            list-style: none;
        }
        blockquote, q {
            quotes: none;
        }
        blockquote:before, blockquote:after, q:before, q:after {
            content: '';
            content: none;
        }
        table {
            border-collapse: collapse;
            border-spacing: 0;
        }
        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration,
        input[type="search"]::-webkit-search-results-button,
        input[type="search"]::-webkit-search-results-decoration {
            -webkit-appearance: none;
            -moz-appearance: none;
        }
        input[type="search"] {
            -webkit-appearance: none;
            -moz-appearance: none;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
        }
        textarea {
            overflow: auto;
            vertical-align: top;
            resize: vertical;
        }
        /* Inline-block display for audio, canvas, video */
        audio, canvas, video {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            max-width: 100%;
        }
        /* Prevent modern browsers from displaying audio without controls */
        audio:not([controls]) {
            display: none;
            height: 0;
        }
        /* Address styling for hidden elements */
        [hidden] {
            display: none;
        }
        /* Correct text resizing in IE 6/7 and prevent iOS text size adjust */
        html {
            font-size: 100%;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
        }
        /* Address outline inconsistency between Chrome and other browsers */
        a:focus {
            outline: thin dotted;
        }
        /* Improve readability when focused and hovered */
        a:active, a:hover {
            outline: 0;
        }
        /* Remove border for 'a' in IE 6/7/8/9 and Firefox 3 */
        img {
            border: 0;
            -ms-interpolation-mode: bicubic;
        }
        /* Correct margin for figure and form elements */
        figure, form {
            margin: 0;
        }
        /* Correct margin for fieldset in all browsers */
        fieldset {
            border: 1px solid #c0c0c0;
            margin: 0 2px;
            padding: 0.35em 0.625em 0.75em;
        }
        /* Correct color inheritance and text wrapping */
        legend {
            border: 0;
            padding: 0;
            white-space: normal;
            *margin-left: -7px;
        }
        /* Correct font size and margins for buttons, inputs, selects, and textareas */
        button, input, select, textarea {
            font-size: 100%;
            margin: 0;
            vertical-align: baseline;
            *vertical-align: middle;
        }
        /* Address line-height for inputs in Firefox 3+ */
        button, input {
            line-height: normal;
        }
        /* Correct text-transform inheritance for buttons and selects */
        button, select {
            text-transform: none;
        }
        /* Correct styling for inputs in Chrome and Safari */
        button, html input[type="button"], input[type="reset"], input[type="submit"] {
            -webkit-appearance: button;
            cursor: pointer;
            *overflow: visible;
        }
        /* Reset cursor for disabled elements */
        button[disabled], html input[disabled] {
            cursor: default;
        }
        /* Correct box-sizing for checkboxes and radio buttons */
        input[type="checkbox"], input[type="radio"] {
            box-sizing: border-box;
            padding: 0;
            *height: 13px;
            *width: 13px;
        }
        /* Correct appearance for search inputs */
        input[type="search"] {
            -webkit-appearance: textfield;
            -moz-box-sizing: content-box;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
        }
        /* Remove default padding in Firefox 3+ */
        button::-moz-focus-inner, input::-moz-focus-inner {
            border: 0;
            padding: 0;
        }
        /* Correct vertical scrollbar in IE 6/7/8/9 */
        textarea {
            overflow: auto;
            vertical-align: top;
        }
        /* Remove most spacing between table cells */
        table {
            border-collapse: collapse;
            border-spacing: 0;
        }
        html, button, input, select, textarea {
            color: #222;
        }
        ::-moz-selection {
            background: #b3d4fc;
            text-shadow: none;
        }
        ::selection {
            background: #b3d4fc;
            text-shadow: none;
        }
        img {
            vertical-align: middle;
        }
        fieldset {
            border: 0;
            margin: 0;
            padding: 0;
        }
        textarea {
            resize: vertical;
        }
        .chromeframe {
            margin: 0.2em 0;
            background: #ccc;
            color: #000;
            padding: 0.2em 0;
        }
    
    
   
   

转载地址：http://lcnuz.baihongyu.com/