• 常用base.css


    @charset "utf-8";
    /* CSS Document */

    body{background:#f2f2f2;font-family:Segoe UI,"Microsoft Yahei" !important;}
    html a{outline:none;blr:expression(this.onFocus=this.blur());}
    html {padding:0;margin:0;font-size:12px;color:#ccc}

    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,img{margin:0;padding:0}
    table{border-collapse:collapse;border-spacing:0}

    fieldset,img{border:0}
    address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
    ol,ul{list-style:none}
    caption,th{text-align:left}
    h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
    h2{text-align:left;font-size:16px}
    q:before,q:after{content:''}
    abbr,acronym{border:0;font-variant:normal}
    sup{vertical-align:text-top}
    sub{vertical-align:text-bottom}
    input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
    input,textarea,select{*font-size:100%;outline:none}
    legend{color:#000}
    a,a:link{text-decoration:none;cursor:pointer}
    a:hover{text-decoration:none}
    a:focus {outline:none;-moz-outline:none;}

    .clearfix:after{ content:".";display:block;height:0;clear:both;visibility:hidden}
    *+html .clearfix{ min-height:1%}
    ul{list-style-type: none}
    ul li{float:left}
    li{list-style:none}

    .readonly_font_color{ color: #a5a5a5}
    input{outline:none}
    input:focus, textarea:focus, select:focus {border:1px solid #aaa;}
    input[type="submit"],
    input[type="reset"],
    input[type="button"],
    button {
    -webkit-appearance: none;outline:none
    }
    /*==公用样式 整理 2014-09-02===============================*/
    /*-----字体大小样式-----*/
    .font12{font-size:12px}
    .font14{font-size:14px}
    .font16{font-size:16px}
    .font18{font-size:18px}
    .font24{ font-size: 24px;}
    .font42{ font-size:42px;}
    .font20{font-size:20px}
    /*-----字体行高样式-----*/
    .line25{ line-height: 25px;}
    .line30{ line-height: 30px;}
    /*-----float 样式-----*/
    .fl{float:left}
    .fr{float:right}
    .clear{clear:both;}
    /*-----margin 样式-----*/
    .ml-03{margin-left:-3px}
    .ml-04{margin-left:-4px}
    .ml-06{margin-left:-6px}
    .ml03{margin-left:3px}
    .ml05{margin-left:5px}
    .ml06{margin-left:6px}
    .ml10{margin-left:10px}
    .ml12{margin-left:12px}
    .ml16{margin-left:16px}
    .ml20{margin-left:20px}
    .ml24{margin-left:24px}
    .ml25{margin-left:25px}
    .ml30{margin-left:30px}
    .ml45{margin-left:45px}
    .ml60{margin-left:60px}
    .ml80{margin-left:80px}
    .ml100{margin-left:100px}
    .ml110{margin-left:110px;}
    .ml150{margin-left:150px}
    .ml160{margin-left:160px}
    .ml200{margin-left:200px}
    .mr03{margin-right:3px}
    .mr06{margin-right:6px}
    .mr07{margin-right:7px}
    .mr08{margin-right:8px}
    .mr09{margin-right:9px}
    .mr10{margin-right:10px}
    .mr12{margin-right:12px}
    .mr20{margin-right:20px}
    .mr40{margin-right:40px}
    .mt03{margin-top:3px}
    .mt06{margin-top:6px}
    .mt08{margin-top:8px}
    .mt10{margin-top:10px}
    .mt12{margin-top:12px}
    .mt14{margin-top:14px}
    .mt15{margin-top:15px}
    .mt18{margin-top:18px}
    .mt30{margin-top:30px}
    .mt36{margin-top:36px}
    .mt38{margin-top:38px}
    .mt45{margin-top:41px}
    .mt480{margin-top:320px}
    .mt-5{margin-top:-5px;}
    .mt-25{margin-top:-25px;}
    .mt-30{margin-top:-30px}
    .mb12{margin-bottom:12px}
    .mb20{margin-bottom:20px}
    .mb50{margin-bottom:50px}
    .mb200{margin-bottom:200px}
    .pr40{padding-right:40px}
    .pr50{padding-right:50px}
    .pr60{padding-right:60px}
    .pr70{padding-right:70px}
    .pr80{padding-right:80px}
    .pr90{padding-right:90px}
    .pr95{padding-right:95px}
    .pr100{padding-right:100px}
    .pd20{padding:20px}
    /*-----宽度 样式-----*/
    .wth980{980px;display:block;margin:0 auto}
    .wth40{40px}
    .wth50{50px}
    .wth60{60px}
    .wth70{70px}
    .wth75{75px}
    .wth80{80px}
    .wth90{90px}
    .wth100{100px}
    .wth107{107px}
    .wth140{140px}
    .wth160{160px}
    .wth198{198px}
    .wth200{200px}
    .wth230{230px}
    .wth250{250px}
    .wth305{305px;}
    .wth310{300px}
    .wth480{480px}
    .wth400{400px}
    .wth469{469px}
    .wth550{550px}
    /*高度样式*/
    .height15{height: 15px;}
    .lheight40{ line-height: 40px;}
    /*-----color-----*/
    .colorfff{color:#fff}
    .colordd{color:#ddd}
    .colord8{color:#d8d8d8}
    .color43{color:#434343}
    .color58{color:#585858}
    .color59{color:#595959}
    .color555{color:#555}
    .color666{color:#666}

    心怀梦想,勿忘初心
  • 相关阅读:
    制作图片自转的效果
    随机摆放文字带飞入飞出的效果
    Spinner的样式大致简介
    Android视图SurfaceView的实现原理分析
    Android应用程序与SurfaceFlinger服务的关系概述和学习计划
    分享两篇关于ActionBar样式设置的博客
    RMI(远程接口调用)
    j建立一个小的servlet小程序
    eclipse上ndk环境的搭建&&so文件的生成&&jni文件的调用
    Java 过滤器实现(登录) + 拦截器(两种方法)
  • 原文地址:https://www.cnblogs.com/qshting/p/4767072.html
Copyright © 2020-2023  润新知