本文共 6206 字,大约阅读时间需要 20 分钟。
/* 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/