zoukankan      html  css  js  c++  java
  • 样式初始化 reset.min.css

    @charset "utf-8";
    /*!--CSS重置和样式初始化(参考Normalize.css) ~ v1.0--*/
    body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, button, input, textarea, th, td {
        margin: 0;
        padding: 0
    }
    
    body {
        background: #f00;
        font-family: PingFangSC-Regular,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5FAE8F6F96C59ED1,Arial,sans-serif;
        /* font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; */
    }
    
    small {
        font-size: 12px
    }
    
    h1 {
        font-size: 18px
    }
    
    h2 {
        font-size: 16px
    }
    
    h3 {
        font-size: 14px
    }
    
    h4, h5, h6 {
        font-size: 100%
    }
    
    ul, ol {
        list-style: none
    }
    
    a {
        text-decoration: none;
        background-color: transparent
    }
    
    a:hover, a:active {
        outline-width: 0;
        text-decoration: none
    }
    
    table {
        border-collapse: collapse;
        border-spacing: 0
    }
    
    hr {
        border: 0;
        height: 1px
    }
    
    img {
        border-style: none
    }
    
    img:not([src]) {
        display: none
    }
    
    svg:not(:root) {
        overflow: hidden
    }
    
    html {
        -webkit-touch-callout: none;
        -webkit-text-size-adjust: 100%
    }
    
    input, textarea, button, a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }
    
    article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
        display: block
    }
    
    audio, canvas, progress, video {
        display: inline-block
    }
    
    audio:not([controls]), video:not([controls]) {
        display: none;
        height: 0
    }
    
    progress {
        vertical-align: baseline
    }
    
    mark {
        background-color: #ff0;
        color: #000
    }
    
    sub, sup {
        position: relative;
        font-size: 75%;
        line-height: 0;
        vertical-align: baseline
    }
    
    sub {
        bottom: -0.25em
    }
    
    sup {
        top: -0.5em
    }
    
    button, input, select, textarea {
        font-size: 100%;
        outline: 0
    }
    
    button, input {
        overflow: visible
    }
    
    button, select {
        text-transform: none
    }
    
    textarea {
        overflow: auto
    }
    
    button, html [type="button"], [type="reset"], [type="submit"] {
        -webkit-appearance: button
    }
    
    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }
    
    button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText
    }
    
    [type="checkbox"], [type="radio"] {
        box-sizing: border-box;
        padding: 0
    }
    
    [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
        height: auto
    }
    
    [type="search"] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }
    
    [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }
    
    ::-webkit-input-placeholder {
        color: #999;
    }
    
    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }
    
    .clear:after {
        display: block;
        height: 0;
        content: "";
        clear: both
    }
  • 相关阅读:
    文本环加载动画html代码
    自己总结的特殊符号,大家有用可以复制
    《名侦探柯南》动画登陆bilibili
    复古风,vivo申请滑盖结构的手机外观专利
    GitHub 热榜第一!可交互全球疫情地图
    最新免费领哔哩哔哩会员教程
    百度网盘免费领取会员
    Apple Watch Series 6或将增加焦虑监测和睡眠追踪功能
    谷歌更新其社区人员流动报告 帮助了解民众遵守封锁令的情况
    计算5的n次幂html代码
  • 原文地址:https://www.cnblogs.com/ivan5277/p/15353534.html
Copyright © 2011-2022 走看看