博客
关于我
清除浏览器默认样式的reset.css(转载于reset.css的官方)
阅读量:426 次
发布时间:2019-03-06

本文共 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/

你可能感兴趣的文章
mysql颠覆实战笔记(八)--mysql的自定义异常处理怎么破
查看>>
MySQL高级-MySQL并发参数调整
查看>>
MySQL高级-视图
查看>>
MySQL:判断逗号分隔的字符串中是否包含某个字符串
查看>>
Nacos在双击startup.cmd启动时提示:Unable to start embedded Tomcat
查看>>
Nacos安装教程(非常详细)从零基础入门到精通,看完这一篇就够了
查看>>
Nacos配置中心集群原理及源码分析
查看>>
nacos配置自动刷新源码解析
查看>>
Nacos集群搭建
查看>>
nacos集群搭建
查看>>
Navicat for MySQL 查看BLOB字段内容
查看>>
Neo4j电影关系图Cypher
查看>>
Neo4j的安装与使用
查看>>
Neo4j(2):环境搭建
查看>>
Neo私链
查看>>
nessus快速安装使用指南(非常详细)零基础入门到精通,收藏这一篇就够了
查看>>
Nessus漏洞扫描教程之配置Nessus
查看>>
Nest.js 6.0.0 正式版发布,基于 TypeScript 的 Node.js 框架
查看>>
NetApp凭借领先的混合云数据与服务把握数字化转型机遇
查看>>
NetBeans IDE8.0需要JDK1.7及以上版本
查看>>