• 我的css重用类


    /*=====默认样式=====*/
    *{padding:0;margin:0;}
    body{font:12px verdana,Arial,sans-serif,"宋体";}
    table{border-collapse:collapse;}
    th{font-weight:normal;text-align:left;}
    a img{border:none;}
    ul{list-style:none;}
    h2,h3{font-size:14px;font-weight:bold;}
    a{text-decoration: none;}
    a:hover{text-decoration:underline;}
    b{font-weight:normal;}

    /*=====重用css类=====*/
    /*颜色*/
    .red{color:red;}
    .grey{color:#999;}
    /*文本*/
    .font10{font-size:10px;}
    .font12{font-size:12px;}
    .font14{font-size:14px;}
    .font16{font-size:16px;}
    .font20{font-size:20px;}
    .bold{font-weight:bold;}
    .indent{text-indent:2em;}
    .textLeft{text-align:left;}
    .textCenter{text-align:center;}
    .textRight{text-align:right;}
    /*行高*/
    .pLineHeight{line-height:150%;}
    .pLineHeight2{line-height:180%;}
    .pLineHeight3{line-height:200%;}
    /*边距*/
    .marginTop5{margin-top:5px;}
    .marginTop10{margin-top:10px;}
    .marginTop15{margin-top:15px;}
    .marginTop20{margin-top:20px;}
    .marginTop30{margin-top:30px;}
    .marginTop50{margin-top:50px;}
    .marginTop100{margin-top:100px;}
    .marginBottom5{margin-bottom:5px;}
    .marginBottom10{margin-bottom:10px;}
    .marginBottom15{margin-bottom:15px;}
    .marginBottom20{margin-bottom:20px;}
    .marginBottom30{margin-bottom:30px;}
    .marginBottom50{margin-bottom:50px;}
    .marginBottom100{margin-bottom:100px;}
    .marginLeft10{margin-left:10px;}
    .marginLeft20{margin-left:20px;}
    .marginRight10{margin-right:10px;}
    .marginRight20{margin-right:20px;}
    .paddingTop5{padding-top:5px;}
    .paddingTop10{padding-top:10px;}
    .paddingTop15{padding-top:15px;}
    .paddingTop20{padding-top:20px;}
    .paddingTop30{padding-top:30px;}
    .paddingTop50{padding-top:50px;}
    .paddingTop100{padding-top:100px;}
    .paddingBottom5{padding-bottom:5px;}
    .paddingBottom10{padding-bottom:10px;}
    .paddingBottom15{padding-bottom:15px;}
    .paddingBottom20{padding-bottom:20px;}
    .paddingBottom30{padding-bottom:30px;}
    .paddingBottom50{padding-bottom:50px;}
    .paddingBottom100{padding-bottom:100px;}
    .paddingLeft10{padding-left:10px;}
    .paddingLeft20{padding-left:20px;}
    .paddingRight10{padding-right:10px;}
    .paddingRight20{padding-right:20px;}
    /*浮动*/
    .floatLeft{float:left;display:inline;}
    .floatRight{float:right;display:inline;}
    .clear{clear:both;float:none;height:0px;overflow:hidden;}
    /*分隔线*/
    .bottomLine{padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #DDD;}
    .dashLine{height:0px;overflow:hidden;border-bottom:1px dashed #ddd;margin:10px 0;}
    .solidLine{height:0px;overflow:hidden;border-bottom:1px solid #ddd;margin:10px 0;}
    /*链接样式*/
    .noUnderline,.noUnderline a{text-decoration:none;}
    .underline,.underline a{text-decoration:underline;}
    /*其它*/
    .hasLayout{zoom:1;}
    .hide{display:none;}

    每次写css的时候,都会重复使用一个类,把它们组织好,以后每次切页面都直接用这些用习惯了的类,速度能快很多.引外还有th等标签的样式,最好也把默认样式去掉,这个css重用库还没完善,以后还会陆续之补完.

  • 相关阅读:
    携程开源框架Apollo基础学习(一)
    nslookup,dig,host的用法详解
    curl命令学习
    Saltstack本地管理无master模式
    Mybatis 动态 sql 是做什么的?都有哪些动态 sql?能简述一下动态 sql 的执行原理不?
    JSP和Servlet有哪些相同点和不同点,他们之间的联系是什么?
    #{}和${}的区别是什么?
    为什么说 Mybatis 是半自动 ORM 映射工具?它与全自动的区别在哪里?
    MyBatis 与 Hibernate 有哪些不同?
    MyBatis 的好处是什么?
  • 原文地址:https://www.cnblogs.com/cly84920/p/4427141.html
Copyright © 2020-2023  润新知