浙江爱信诺前端规范

框架 - CSS Reset

概述

重置样式,清除浏览器默认样式,并配置适合设计的基础样式(强调文本是否大多是粗体、主文字色,主链接色,主字体等)。

代码展示
						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, keygen, table, caption, tbody, tfoot, thead, tr, th, td,
                        article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
                        time, mark, audio, video, input, textarea, select, button { margin:0; padding:0; border:none; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline;}
                        html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none;}
                        article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
                        ol, ul { list-style:none;}
                        sup, sub {font-size:83%;}
                        blockquote, q { quotes:none;}
                        blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}
                        del { text-decoration:line-through;}
                        ins, u, s, a, a:hover { text-decoration:none;}
                        pre, code, kbd, samp { font-family:inherit;}
                        em, i, cite, var, address, dfn { font-style:normal;}
                        h1, h2, h3, h4, h5, h6, strong, b { font-weight:normal;}
                        h1, h2, h3, h4, h5, h6 { font-family:\5fae\8f6f\96c5\9ed1;}
                        html, body, fieldset, img, iframe, abbr { border:0;}
                        table { border-collapse:collapse; border-spacing:0;}
                        caption, th { text-align:left; font-weight:normal;}
                        textarea{ overflow:auto; resize:none;}
                        label, summary { cursor:default;}
                        a, button, label { cursor:pointer;}
                        textarea, input ,button, select { -webkit-appearance:none; border-radius:0;}
                        input[type=radio] { -webkit-appearance:radio; border-radius:100%;}
                        input[type=checkbox] { -webkit-appearance:checkbox;}
                        textarea, input { box-sizing:content-box;}
                        body, textarea, input, button, select, keygen, legend { font:12px/1.14 arial,\5b8b\4f53,helvetica,sans-serif; color:#666;}
                        html { _background-image:url(about:blank); _background-attachment:fixed;}
                        ::-ms-clear, ::-ms-reveal{ display:none;}
                        body, html { background-color:#fff;}
                        a { color:#666; -webkit-tap-highlight-color:rgba(0,0,0,0);}
                        a:hover { color:#666; text-decoration:underline;}
						
使用方法

直接代码复制到你的css文件顶部。