zoukankan      html  css  js  c++  java
  • CSS 通用原子类

    /*文字排版*/
    .f10 { font-size: 10px; }
    .f11 { font-size: 11px; }
    .f12 { font-size: 12px; }
    .f13 { font-size: 13px; }
    .f14 { font-size: 14px; }
    .f16 { font-size: 16px; }
    .f18 { font-size: 18px; }
    .f20 { font-size: 20px; }
    .fb { font-weight: bold; }
    .fn { font-weight: normal; }
    .t2 { text-indent: 2em; }
    .lh150 { line-height: 150%; }
    .lh180 { line-height: 180%; }
    .lh200 { line-height: 200%; }
    .unl { text-decoration: underline; }
    .no_unl { text-decoration: none; }
    /*定位*/
    .tl { text-align: left; }
    .tc { text-align: center; }
    .tr { text-align: right; }
    .bc { margin-left: auto; margin-right: auto; }
    .fl { float: left; display: inline; }
    .fr { float: right; display: inline; }
    .cb { clear: both; }
    .cl { clear: left; }
    .cr { clear: right; }
    .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    .clearfix { display: inline-block; }
    * html .clearfix { height: 1%; }
    .clearfix { display: block; }
    .vm { vertical-align: middle; }
    .pr { position: relative; }
    .pa { position: absolute; }
    .abs-right { position: absolute; right: 0; }
    .zoom { zoom: 1; }
    .hidden { visibility: hidden; }
    .none { display: none; }
    /*长度高度*/
    .w10 { 10px; }
    .w20 { 20px; }
    .w30 { 30px; }
    .w40 { 40px; }
    .w50 { 50px; }
    .w60 { 60px; }
    .w70 { 70px; }
    .w80 { 80px; }
    .w90 { 90px; }
    .w100 { 100px; }
    .w150 { 150px; }
    .w200 { 200px; }
    .w250 { 250px; }
    .w300 { 300px; }
    .w350 { 350px; }
    .w400 { 400px; }
    .w450 { 450px; }
    .w500 { 500px; }
    .w550 { 550px; }
    .w600 { 600px; }
    .w650 { 650px; }
    .w700 { 700px; }
    .w750 { 750px; }
    .w800 { 800px; }
    .w850 { 850px; }
    .w900 { 900px; }
    .w950 { 950px; }
    .w { 100%; }
    .h10 { height: 10px; }
    .h20 { height: 20px; }
    .h30 { height: 30px; }
    .h40 { height: 40px; }
    .h50 { height: 50px; }
    .h60 { height: 60px; }
    .h70 { height: 70px; }
    .h80 { height: 80px; }
    .h90 { height: 90px; }
    .h100 { height: 100px; }
    .h150 { height: 150px; }
    .h200 { height: 200px; }
    .h250 { height: 250px; }
    .h300 { height: 300px; }
    .h400 { height: 400px; }
    .h500 { height: 500px; }
    .h { height: 100%; }
    /*边距*/
    .m0 { margin: 0; }
    .m1 { margin: 1px; }
    .m5 { margin: 5px; }
    .m10 { margin: 10px; }
    .m15 { margin: 15px; }
    .m20 { margin: 20px; }
    .m25 { margin: 25px; }
    .m30 { margin: 30px; }
    .m35 { margin: 35px; }
    .m40 { margin: 40px; }
    .m45 { margin: 45px; }
    .m50 { margin: 50px; }
    .m100 { margin: 100px; }
    .mt0 { margin-top: 0; }
    .mt5 { margin-top: 5px; }
    .mt1 { margin-top: 1px; }
    .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; }
    .mt100 { margin-top: 100px; }
    .mr0 { margin-right: 0; }
    .mr1 { margin-right: 1px; }
    .mr5 { margin-right: 5px; }
    .mr10 { margin-right: 10px; }
    .mr15 { margin-right: 15px; }
    .mr20 { margin-right: 20px; }
    .mr25 { margin-right: 25px; }
    .mr30 { margin-right: 30px; }
    .mr35 { margin-right: 35px; }
    .mr40 { margin-right: 40px; }
    .mr45 { margin-right: 45px; }
    .mr50 { margin-right: 50px; }
    .mr100 { margin-right: 100px; }
    .mb0 { margin-bottom: 0; }
    .mb1 { margin-bottom: 1px; }
    .mb5 { margin-bottom: 5px; }
    .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; }
    .mb100 { margin-bottom: 100px; }
    .ml0 { margin-left: 0; }
    .ml1 { margin-left: 1px; }
    .ml5 { margin-left: 5px; }
    .ml10 { margin-left: 10px; }
    .ml15 { margin-left: 15px; }
    .ml20 { margin-left: 20px; }
    .ml25 { margin-left: 25px; }
    .ml30 { margin-left: 30px; }
    .ml35 { margin-left: 35px; }
    .ml40 { margin-left: 40px; }
    .ml45 { margin-left: 45px; }
    .ml50 { margin-left: 50px; }
    .ml100 { margin-left: 100px; }
    .p0 { padding: 0; }
    .p1 { padding: 1px; }
    .p5 { padding: 5px; }
    .p10 { padding: 10px; }
    .p15 { padding: 15px; }
    .p20 { padding: 20px; }
    .p25 { padding: 25px; }
    .p30 { padding: 30px; }
    .p35 { padding: 35px; }
    .p40 { padding: 40px; }
    .p45 { padding: 45px; }
    .p50 { padding: 50px; }
    .p100 { padding: 100px; }
    .pt0 { padding-top: 0; }
    .pt1 { padding-top: 1px; }
    .pt5 { padding-top: 5px; }
    .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; }
    .pt100 { padding-top: 100px; }
    .pl0 { padding-left: 0; }
    .pl1 { padding-left: 1px; }
    .pl5 { padding-left: 5px; }
    .pl10 { padding-left: 10px; }
    .pl15 { padding-left: 15px; }
    .pl20 { padding-left: 20px; }
    .pl30 { padding-left: 30px; }
    .pl35 { padding-left: 35px; }
    .pl40 { padding-left: 40px; }
    .pl45 { padding-left: 45px; }
    .pl50 { padding-left: 50px; }
    .pl100 { padding-left: 100px; }
    .pb0 { padding-bottom: 0; }
    .pb1 { padding-bottom: 1px; }
    .pb5 { padding-bottom: 5px; }
    .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; }
    .pb100 { padding-bottom: 100px; }
    .pr0 { padding-right: 0; }
    .pr1 { padding-right: 1px; }
    .pr5 { padding-right: 5px; }
    .pr10 { padding-right: 10px; }
    .pr15 { padding-right: 15px; }
    .pr20 { padding-right: 20px; }
    .pr25 { padding-right: 25px; }
    .pr30 { padding-right: 30px; }
    .pr35 { padding-right: 35px; }
    .pr40 { padding-right: 40px; }
    .pr45 { padding-right: 45px; }
    .pr50 { padding-right: 50px; }
    .pr100 { padding-right: 100px; }

  • 相关阅读:
    优步中国大举扩张,2016进军100城市!
    优步中国:2月底前进军广东、湖南、湖北18个城市
    Uber能知道你是不是在开车的时候玩手机
    Uber入驻四川乐山峨眉地区
    南京优步上线黄金区域,接单可享更高奖励!
    优步UBER司机全国各地奖励政策汇总 (2月1日-2月7日)
    成都Uber优步司机奖励政策(2月1日)
    北京Uber优步司机奖励政策(2月1日)
    滴滴快车奖励政策,高峰奖励,翻倍奖励,按成交率,指派单数分级(2月1日)
    跨程序共享数据,读取联系人信息
  • 原文地址:https://www.cnblogs.com/mixzo/p/4213411.html
Copyright © 2011-2022 走看看