博客
关于我
清除浏览器默认样式的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/

你可能感兴趣的文章
Node.js 函数是什么样的?
查看>>
Node.js 实现类似于.php,.jsp的服务器页面技术,自动路由
查看>>
node.js 怎么新建一个站点端口
查看>>
Node.js 文件系统的各种用法和常见场景
查看>>
node.js 简易聊天室
查看>>
node.js 配置首页打开页面
查看>>
node.js+react写的一个登录注册 demo测试
查看>>
Node.js中环境变量process.env详解
查看>>
Node.js安装与配置指南:轻松启航您的JavaScript服务器之旅
查看>>
Node.js的循环与异步问题
查看>>
Nodejs express 获取url参数,post参数的三种方式
查看>>
nodejs libararies
查看>>
nodejs npm常用命令
查看>>
NodeJS 导入导出模块的方法( 代码演示 )
查看>>
nodejs 的 Buffer 详解
查看>>
nodejs 读取xlsx文件内容
查看>>
nodejs 运行CMD命令
查看>>
nodejs-mime类型
查看>>
NodeJS、NPM安装配置步骤(windows版本)
查看>>
nodejs中Express 路由统一设置缓存的小技巧
查看>>