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

你可能感兴趣的文章
Openlayers实战:绘制图形,导出KML文件
查看>>
Openlayers实战:绘制多边形,导出CSV文件
查看>>
Openlayers实战:绘制带箭头的线
查看>>
Openlayers实战:绘制点、线、圆、多边形
查看>>
Openlayers实战:绘制矩形,正方形,正六边形
查看>>
Openlayers实战:自定义放大缩小,显示zoom等级
查看>>
Openlayers实战:自定义版权属性信息
查看>>
Openlayers实战:输入WKT数据,输出GML、Polyline、GeoJSON格式数据
查看>>
Openlayers实战:选择feature,列表滑动,定位到相应的列表位置
查看>>
Openlayers实战:非4326,3857的投影
查看>>
Openlayers高级交互(1/20): 控制功能综合展示(版权、坐标显示、放缩、比例尺、测量等)
查看>>
Openlayers高级交互(10/20):绘制矩形,截取对应部分的地图并保存
查看>>
Openlayers高级交互(11/20):显示带箭头的线段轨迹,箭头居中
查看>>
Openlayers高级交互(12/20):利用高德逆地理编码,点击位置,显示坐标和地址
查看>>
Openlayers高级交互(13/20):选择左右两部分的地图内容,横向卷帘
查看>>
Openlayers高级交互(14/20):汽车移动轨迹动画(开始、暂停、结束)
查看>>
Openlayers高级交互(15/20):显示海量多边形,10ms加载完成
查看>>
Openlayers高级交互(16/20):两个多边形的交集、差集、并集处理
查看>>
Openlayers高级交互(17/20):通过坐标显示多边形,计算出最大幅宽
查看>>
Openlayers高级交互(18/20):根据feature,将图形适配到最可视化窗口
查看>>