zoukankan      html  css  js  c++  java
  • reset css

    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin: 0;padding: 0;}
    body {font:12px/24px 'MicroSoft YaHei'; min-:1210px;}
    html {overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
    fieldset, img {border:0;}
    ol, ul,li{list-style: none;}
    h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
    *:focus {outline:none}
    input,select,textarea{outline:none}
    textarea{resize:none;}
    address,caption,cite,code,dfn,em,strong,th,var,i,em{font-style:normal;font-weight:normal}
    table {border-collapse: collapse;border-spacing:0;}
    a {text-decoration:none;}
    a:hover {text-decoration:none;cursor:pointer;}
    button, input, select, textarea {*font-size: 100%;font-size:100%}
    .bold{ font-weight:bold}
    /*删除火狐下按钮默认样式*/
    a:focus,a:active,button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,select::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border: 0; outline : 0}
    /*圆角*/
    .wrapbox{ float:left; 100%;}
    .w1200{ 1200px; margin:0 auto}
    /*圆角*/
    .rd10{-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-khtml-border-radius: 10px; -ms-border-radius:10px;}
    .rd5{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; -khtml-border-radius: 5px;-ms-border-radius:5px;}
    .roundtl{-moz-border-top-left-radius:5px;-webkit-border-top-left-radius:5px; -khtml-border-top-left-radius:5px;-ms-border-top-left-radius:5px;}
    .roundtr{-moz-border-top-right-radius:5px;-webkit-border-top-right-radius:5px; -khtml-border-top-right-radius:5px;-ms-border-top-right-radius:5px;}
    .roundbl{-moz-border-bottom-left-radius:5px;-webkit-border-bottom-left-radius:5px; -khtml-border-bottom-left-radius:5px;-ms-border-bottom-left-radius:5px;}
    .roundbr{-moz-border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px; -khtml-border-bottom-right-radius:5px;-ms-border-bottom-right-radius:5px;}
    /*阴影*/
    .shadow{box-shadow: 0px 3px 3px #000;-moz-box-shadow: 0px 3px 3px #000;-webkit-box-shadow: 0px 3px 3px #000;}
    /*透明度*/
    .transparent {filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
    /*文字排版*/
    .f12{font-size:12px}
    .f13{font-size:13px}
    .f14{font-size:14px}
    .f16{font-size:16px}
    .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;}
    .bold{ font-weight:bold}
    /*定位*/
    .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}
    .w180{ 170px;}
    .w90{ 80px}
    .w100{100px}
    .w139{ 139px}
    .w150{150px}
    .w200{200px}
    .w250{250px}
    .w280{280px}
    .w300{300px;}
    .w400{400px}
    .w500{500px}
    .w600{600px}
    .w700{700px}
    .w780{780px}
    .w800{800px}
    .w{100%}
    .h20{height:20px}
    .h25{height:25px}
    .h30{height:30px}
    .h40{height:40px}
    .h{height:100%}
    /*边距*/
    .m5{margin:5px}
    .m10{margin:10px}
    .m15{margin:15px}
    .m20{margin:20px}
    .mt5{margin-top:5px}
    .mt10{margin-top:10px}
    .mt15{margin-top:15px}
    .mt20{margin-top:20px}
    .mt25{margin-top:25px}
    .mt30{margin-top:30px}
    .mt50{margin-top: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}
    .mb50{margin-bottom:50px}
    .mb100{margin-bottom:100px}
    .ml5{margin-left:5px}
    .ml10{margin-left:10px}
    .ml15{margin-left:15px}
    .ml20{margin-left:20px}
    .ml25{margin-left:25px}
    .ml30{margin-left:30px}
    .mr5{margin-right:5px}
    .mr10{margin-right:10px}
    .mr15{margin-right:15px}
    .mr20{margin-right:20px}
    .mr25{margin-right:25px}
    .mr30{margin-right:30px}
    .mr40{margin-right:40px}
    .p05{ padding:0 5px}
    .p5{padding:5px;}
    .p10{padding:10px;}
    .p15{padding:15px;}
    .p20{padding:20px;}
    .p25{padding:25px;}
    .p30{padding:30px;}
    .pt5{padding-top:5px}
    .pt10{padding-top:10px}
    .pt15{padding-top:15px}
    .pt20{padding-top:20px}
    .pt25{padding-top:25px}
    .pt30{padding-top:30px}
    .pt50{padding-top: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}
    .pb50{padding-bottom: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}
    .pl50{padding-left:50px}
    .pl80{padding-left:80px}
    .pr5{padding-right:5px}
    .pr10{padding-right:10px}
    .pr15{padding-right:15px}
    .pr20{padding-right:20px}
    .pr25{padding-right:25px}
    .pr30{padding-right:30px}
    .pr40{padding-right:40px}
    .pr50{padding-right:50px}

  • 相关阅读:
    echarts二维坐标这样写出立体柱状图
    echarts中使图表循环显示tooltip-封装tooltip的方法轮询显示图表数据
    webpack--运行npm run dev自动打开浏览器以及热加载
    exports、module.exports和export、export default到底是咋回事,区别在哪里
    H5页面判断客户端是iOS或是Android并跳转对应链接唤起APP
    关于页面锚点跳转以及万能锚点跳转插件
    echarts Map 省份文字居中,即对应地图中心位置
    Moment.js 常见用法,常见API
    Tomcat 不加载图片验证码
    Cglib 动态代理
  • 原文地址:https://www.cnblogs.com/Xuman0927/p/5263851.html
Copyright © 2011-2022 走看看