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

你可能感兴趣的文章
Python3-selenium自动化测试框架,结合HTMLTestRunner测试报告!
查看>>
Python3-如何自我更新作为服务运行的应用程序
查看>>
Python3.1-网格模拟概念性问题
查看>>
Python3.12 解决conda环境libstdc++版本过低问题
查看>>
python3.2批量查询IP地址区域
查看>>
Python3.5中协程和未来/任务之间的区别?
查看>>
python3.5实现socket通讯(TCP)
查看>>
python3.6 ubuntu部署nginx、 uwsgi、 django
查看>>
Python3.6.3中,functools似乎不能用
查看>>
python3.6.5+cuda9+cudnn7.1+win10+tensorflow-gpu1.9.0下载配置
查看>>
python3.6使用pickle序列化class
查看>>
python3.6入门到高阶(全栈) day027 网络通信协议 osi七层模型
查看>>
Python3.6属性错误:模块‘;异步没有属性‘;运行‘;
查看>>
python3.6版本中的python-weka-wrapper安装失败,错误代码为%1
查看>>
Python3.7安装cv2踩过的坑
查看>>
python写txt文件
查看>>
python关于sorted排序函数详细解析 附实战代码(全)
查看>>
python3.8调用m文件,调用matlab
查看>>
python3.9新特性_Python 3.9 新特性速览
查看>>
Python3.x:遍历select下拉框获取value值
查看>>