zoukankan      html  css  js  c++  java
  • 适合移动端与PC端的 CSS Reset

    文章来源:http://www.cnblogs.com/HCJJ/p/6399185.html

    具体代码

    @charset "utf-8";
    
    html {
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        background: transparent;
        color: black
    }
    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, sumary {
        margin: 0;
        padding: 0;
    }
    body, button, input, select, textarea {
        font: 12px 5b8b4f53, arial, sans-serif;
    }
    h1, h2, h3, h4, h5, h6 {
        font-size: 100%;
        font-weight: 500
    }
    ol, ul {
        list-style: none
    }
    input, select, textarea {
        font-size: 100%;
        -webkit-appearance: none;
        appearance:none;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0
    }
    th {
        text-align: inherit
    }
    caption, th {
        text-align: left
    }
    fieldset, img {
        border: 0
    }
    img{
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    optgroup {
        font-weight: bold
    }
    button, [type="button"], [type="reset"], [type="submit"] {
        cursor: pointer
    }
    audio, canvas, progress, video {
        display: inline-block
    }
    progress {
        vertical-align: baseline
    }
    mark {
        background-color: #ff0;
        color: #000
    }
    iframe {
        display: block
    }
    abbr, acronym {
        border-bottom: none;
        text-decoration: underline;
        text-decoration: underline dotted
    }
    del {
        text-decoration: line-through
    }
    address, caption, cite, code, dfn, em, th, var {
        font-style: normal;
        font-weight: 500
    }
    q:before, q:after {
        content: ''
    }
    sub, sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }
    sup {
        top: -0.5em
    }
    sub {
        bottom: -0.25em
    }
    a:hover {
        text-decoration: underline
    }
    ins, a {
        text-decoration: none
    }
    a {
        -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
        -moz-tap-highlight-color: rgba(255, 0, 0, 0);
        -ms-tap-highlight-color: rgba(255, 0, 0, 0);
        tap-highlight-color: rgba(255, 0, 0, 0);
        -webkit-touch-callout: none;
        touch-callout: none
    }
    a:focus, *:focus {
        outline: 0
    }
    a:active, a:hover {
        outline- 0
    }
    code, kbd, pre, samp {
        font-family: monospace, monospace;
        font-size: 1em
    }
    .clearfix:before, .clearfix:after {
        content: "";
        display: table
    }
    .clearfix:after {
        clear: both;
        overflow: hidden
    }
    .clearfix {
        zoom: 1
    }
    .clear {
        clear: both;
        display: block;
        font-size: 0;
        height: 0;
        line-height: 0;
        overflow: hidden
    }
    .hide {
        display: none
    }
    .block {
        display: block
    }
    .fl, .fr {
        display: inline
    }
    .fl {
        float: left
    }
    .fr {
        float: right
    }

     

  • 相关阅读:
    苹果开发者账号注册申请(二)
    css3 media媒体查询器用法总结
    CSS,font-family,好看常用的中文字体
    行内元素和块级元素
    苹果开发者账号注册申请(一)
    web前端利用leaflet生成粒子风场,类似windy
    激光雷达--看图
    linux screen 多任务后台执行
    linux 系统监控和进程管理
    linux下postgresql的连接数配置
  • 原文地址:https://www.cnblogs.com/doseoer/p/7204234.html
Copyright © 2011-2022 走看看