• css 的base类


    /*=================
    
    base 类需在任何页面中引入,包括css reset和一些原子类
    
    ===================*/
    /* reset */
    html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
    header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
    table{border-collapse:collapse;border-spacing:0;}
    caption,th{text-align:left;font-weight:normal;}
    html,body,fieldset,img,iframe,abbr{border:0;}
    i,cite,em,var,address,dfn{font-style:normal;}
    [hidefocus],summary{outline:0;}
    li{list-style:none;}
    h1,h2,h3,h4,h5,h6,small{font-size:100%;}
    sup,sub{font-size:83%;}
    pre,code,kbd,samp{font-family:inherit;}
    q:before,q:after{content:none;}
    textarea{overflow:auto;resize:none;}
    label,summary{cursor:default;}
    a,button{cursor:pointer;}
    h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
    /* 文字排版 */
    .fz12{font-size:12px;}
    .fz14{font-size:14px;}
    .fz16{font-size:16px;}
    .fz18{font-size:18px;}
    .fz20{font-size:20px;}
    .fb{font-weight:bold;}
    .fn{font-weight:normal;}
    .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}
    .tr{text-align:right;}
    .tc{text-align:center;}
    .bc{margin-left:auto;margin-right:auto;}
    .fl{float:left;}
    .fr{float:right;}
    .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
    .vm{vertical-align:middle;}
    .pr{position:relative;}
    .pa{position:absolute;}
    .hidden{visibility:hidden}
    .dn{display:none;}
    /* 长度和宽度*/
    .w10{width:10px}
    .w20{width:20px}
    .w30{width:30px}
    .w40{width:40px}
    .w50{width:50px}
    .w60{width:60px}
    .w70{width:70px}
    .w80{width:80px}
    .w90{width:90px}
    .w100{width:100px}
    .w200{width:200px}
    .w300{width:300px}
    .w400{width:400px}
    .w500{width:500px}
    .w600{width:600px}
    .w700{width:700px}
    .w800{width:800px}
    .w900{width:900px}
    .w1000{width:1000px}
    .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}
    /*边距*/
    .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}
    .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}
    .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}
    .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}
    .pl5{padding-left:5px}
    .pl10{padding-left:10px}
    .pl15{padding-left:15px}
    .pl20{padding-left:20px}
    .pl25{padding-left:25px}
    .pl30{padding-left:30px}
    .pl35{padding-left:35px}
    .pl40{padding-left:40px}
    .pl45{padding-left:45px}
    .pl50{padding-left:50px}
    .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}
    .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}
    .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}
  • 相关阅读:
    Linux系统中的load average
    通过数据库评估存储设备IO性能-Oracle11gIO校准功能介绍
    ORACLE查询字段中含有空格的数据
    JavaScript&Typescript中的时间
    LeetCode
    LeetCode
    面试问题及知识汇总
    Bootstrap布局容器与栅格系统
    JVM垃圾回收(GC)
    9. 专题
  • 原文地址:https://www.cnblogs.com/wz0107/p/5023153.html
Copyright © 2020-2023  润新知