zoukankan      html  css  js  c++  java
  • CSS自定义默认样式

    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;
      outline: none;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    html { height: 101%; }
    body { font-size: 62.5%; line-height: 1; font-family: "微软雅黑",Arial, Tahoma, sans-serif;background: #F7F7F7;}
    
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
    ol, ul { list-style: none; }
    
    blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
    strong { font-weight: bold; } 
    
    table { border-collapse: collapse; border-spacing: 0; }
    img { border: 0; max- 100%; }
    
    p { font-size: 1.2em; line-height: 1.0em; color: #333; }
    .center{text-align: center;}
    .bgbai{background: #fff;}
    .colorm{color: #393939;}
    .colorz{color: #a28462;}
    .colort{color: #7d7d7d;}
    .color53{color: #535353;}
    .color64{color:#646464;}
    .colorF{color: #fff;}
    .w100{ 100%;}
    .w1440,.wrap{ 1440px;margin: 0 auto;}
    .clearfix:after {content: ".";clear: both;display: block;height: 0;overflow: hidden;visibility: hidden;}
    .clearfix{clear:both;z-index:1;}
    .fl{float: left;}
    .fr{float: right;}
    .mt5{margin-top: 5px;}
    .mt10{margin-top: 10px;}
    .mt15{margin-top: 15px;}
    .mt20{margin-top: 20px;}
    .mt25{margin-top: 25px;}
    .mt30{margin-top: 30px;}
    .mt35{margin-top: 35px;}
    .mt40{margin-top: 40px;}
    .mt45{margin-top: 45px;}
    .mt50{margin-top: 50px;}
    .mt60{margin-top: 60px;}
    .mb10{margin-bottom: 10px;}
    .mb15{margin-bottom: 15px;}
    .mb20{margin-bottom: 20px;}
    .mb25{margin-bottom: 25px;}
    .mb30{margin-bottom: 30px;}
    .mb35{margin-bottom: 35px;}
    .mb40{margin-bottom: 40px;}
    .mb45{margin-bottom: 45px;}
    .mb50{margin-bottom: 50px;}
    .mb60{margin-bottom: 60px;}
    .mb80{margin-bottom: 80px;}
    .mb100{margin-bottom: 100px;}
    .mr10{margin-right: 10px;}
    .ml10{margin-left: 10px;}
    .mr15{margin-right: 15px;}
    .ml15{margin-left: 15px;}
    .mr20{margin-right: 20px;}
    .ml20{margin-left: 20px;}
    .mr25{margin-right: 25px;}
    .ml25{margin-left: 25px;}
    .mr30{margin-right: 30px;}
    .ml30{margin-left: 30px;}
    .mr35{margin-right: 35px;}
    .ml35{margin-left: 35px;}
    .mr40{margin-right: 40px;}
    .ml40{margin-left: 40px;}
    .mr45{margin-right: 45px;}
    .ml45{margin-left: 45px;}
    .mr50{margin-right: 50px;}
    .ml50{margin-left: 50px;}
    .pt10{padding-top: 10px;}
    .pt15{padding-top: 15px;}
    .pt20{padding-top: 20px;}
    .pt25{padding-top: 25px;}
    .pt30{padding-top: 30px;}
    .pt35{padding-top: 35px;}
    .pt40{padding-top: 40px;}
    .pt45{padding-top: 45px;}
    .pt50{padding-top: 50px;}
    .pt60{padding-top: 60px;}
    .pb10{padding-bottom: 10px;}
    .pb15{padding-bottom: 15px;}
    .pb20{padding-bottom: 20px;}
    .pb25{padding-bottom: 25px;}
    .pb30{padding-bottom: 30px;}
    .pb35{padding-bottom: 35px;}
    .pb40{padding-bottom: 40px;}
    .pb45{padding-bottom: 45px;}
    .pb50{padding-bottom: 50px;}
    .pb60{padding-bottom: 60px;}
    .pr10{padding-right: 10px;}
    .pl10{padding-left: 10px;}
    .pr15{padding-right: 15px;}
    .pl15{padding-left: 15px;}
    .pr20{padding-right: 20px;}
    .pl20{padding-left: 20px;}
    .pr25{padding-right: 25px;}
    .pl25{padding-left: 25px;}
    .pr30{padding-right: 30px;}
    .pl30{padding-left: 30px;}
    .pr35{padding-right: 35px;}
    .pl35{padding-left: 35px;}
    .pr40{padding-right: 40px;}
    .pl40{padding-left: 40px;}
    .pr45{padding-right: 45px;}
    .pl45{padding-left: 45px;}
    .pr50{padding-right: 50px;}
    .pl50{padding-left: 50px;}
    .pr60{padding-right: 60px;}
    .pl60{padding-left: 60px;}
    .pr80{padding-right: 80px;}
    .pl80{padding-left: 80px;}
    .pr100{padding-right: 100px;}
    .pl100{padding-left: 100px;}
    .fs12{font-size: 12px;}
    .fs14{font-size: 14px;}
    .fs16{font-size: 16px;}
    .fs18{font-size: 18px;}
    .fs20{font-size: 20px;}
    .fs22{font-size: 22px;}
    .fs24{font-size: 24px;}
    .fs25{font-size: 25px;}
    .fs26{font-size: 26px;}
    .fs28{font-size: 28px;}
    .fs30{font-size: 30px;}
    .fs32{font-size: 32px;}
    .fs34{font-size: 34px;}
    .fs36{font-size: 36px;}
    .fs38{font-size: 38px;}
    .fs40{font-size: 40px;}
    .fs50{font-size: 50px;}
    .lh1{line-height: 1;}
    .lh12{line-height: 1.2;}
    .lh15{line-height: 1.5;}
    .lh18{line-height: 1.8;}
    .lh2{line-height: 2;}
    .lh22{line-height: 2.2;}
    .lh24{line-height: 2.4;}
    .lh25{line-height: 2.5;}
    .lh26{line-height: 2.6;}
    .lh28{line-height: 2.8;}
    
    /*底部*/
    .footer{
        padding:50px 0;
        background: #393939;
        color: #fff;
        font-size: 20px;
        text-align: center;
        margin-top: 40px;
    }
  • 相关阅读:
    ARM启动流程
    ARM机器码分析
    Ubuntu 14.04 dnw配置
    UNIX环境下的消息队列
    UNIX环境下的共享内存
    iptables详解
    iptables 相关名词的解释说明
    sphinx的安装配置和中文分词包coreseek
    linux防火墙iptables封IP,拒绝指定IP和网段的办法
    linux下注销其它用户或者tty的命令
  • 原文地址:https://www.cnblogs.com/zhanghailing/p/12015790.html
Copyright © 2011-2022 走看看