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

你可能感兴趣的文章
OpenCV与AI深度学习 | 实践教程|旋转目标检测模型-TensorRT 部署(C++)
查看>>
OpenCV与AI深度学习 | 工业缺陷检测中数据标注需要注意的几个事项
查看>>
OpenCV与AI深度学习 | 干货 | 深度学习模型训练和部署的基本步骤
查看>>
OpenCV与AI深度学习 | 手把手教你用Python和OpenCV搭建一个半自动标注工具(详细步骤 + 源码)
查看>>
OpenCV与AI深度学习 | 深度学习检测小目标常用方法
查看>>
OpenCV与AI深度学习 | 超越YOLOv10/11、RT-DETRv2/3!中科大D-FINE重新定义边界框回归任务
查看>>
OpenCV与AI深度学习 | 高效开源的OCR工具:Surya-OCR介绍与使用
查看>>
Opencv中KNN背景分割器
查看>>
OpenCV中基于已知相机方向的透视变形
查看>>
OpenCV中的监督学习
查看>>
opencv中读写视频
查看>>
opencv之cv2.findContours和drawContours(python)
查看>>
opencv之namedWindow,imshow出现两个窗口
查看>>
opencv之模糊处理
查看>>
Opencv介绍及opencv3.0在 vs2010上的配置
查看>>
OpenCV使用霍夫变换检测图像中的形状
查看>>
opencv保存图片路径包含中文乱码解决方案
查看>>
OpenCV保证输入图像为三通道
查看>>
OpenCV入门教程(非常详细)从零基础入门到精通,看完这一篇就够了
查看>>
opencv图像分割2-GMM
查看>>