zoukankan      html  css  js  c++  java
  • base.css

      1 @charset "utf-8";
      2 /*!
      3  * @名称:base.css
      4  * @功能:1、重设浏览器默认样式
      5  *       2、设置通用原子类
      6  */
      7 /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */
      8 html {
      9     background:white;
     10     color:black;
     11 }
     12 /* 内外边距通常让各个浏览器样式的表现位置不同 */
     13 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,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
     14     margin:0;
     15     padding:0;
     16 }
     17 /* 要注意表单元素并不继承父级 font 的问题 */
     18 body,button,input,select,textarea {
     19     font:12px '5b8b4f53',arial,sans-serif;
     20 }
     21 input,select,textarea {
     22     font-size:100%;
     23 }
     24 /* 去掉 table cell 的边距并让其边重合 */
     25 table {
     26     border-collapse:collapse;
     27     border-spacing:0;
     28 }
     29 /* ie bug:th 不继承 text-align */
     30 th {
     31     text-align:inherit;
     32 }
     33 /* 去除默认边框 */
     34 fieldset,img {
     35     border:none;
     36 }
     37 /* ie6 7 8(q) bug 显示为行内表现 */
     38 iframe {
     39     display:block;
     40 }
     41 /* 去掉列表前的标识,li 会继承 */
     42 ol,ul {
     43     list-style:none;
     44 }
     45 /* 对齐是排版最重要的因素,别让什么都居中 */
     46 caption,th {
     47     text-align:left;
     48 }
     49 /* 来自yahoo,让标题都自定义,适应多个系统应用 */
     50 h1,h2,h3,h4,h5,h6 {
     51     font-size:100%;
     52     font-weight:500;
     53 }
     54 /* 统一上标和下标 */
     55 sub,sup {
     56     font-size:75%;
     57     line-height:0;
     58     position:relative;
     59     vertical-align:baseline;
     60 }
     61 sup {
     62     top:-0.5em;
     63 }
     64 sub {
     65     bottom:-0.25em;
     66 }
     67 /* 让链接在 hover 状态下显示下划线 */
     68 a:hover {
     69     text-decoration:underline;
     70 }
     71 /* 默认不显示下划线,保持页面简洁 */
     72 ins,a {
     73     text-decoration:none;
     74 }
     75 /* 去除 ie6 & ie7 焦点点状线 */
     76 a:focus,*:focus {
     77     outline:none;
     78 }
     79 /* 清除浮动 */
     80 .clearfix:before,.clearfix:after {
     81     content:"";
     82     display:table;
     83 }
     84 .clearfix:after {
     85     clear:both;
     86     overflow:hidden;
     87 }
     88 .clearfix {
     89     zoom:1; /* for ie6 & ie7 */
     90 }
     91 .clear {
     92     clear:both;
     93     display:block;
     94     font-size:0;
     95     height:0;
     96     line-height:0;
     97     overflow:hidden;
     98 }
     99 /* 设置显示和隐藏,通常用来与 js 配合 */
    100 .hide {
    101     display:none;
    102 }
    103 .block {
    104     display:block;
    105 }
    106 /* 设置浮动,减少浮动带来的 bug */
    107 .fl,.fr {
    108     display:inline;
    109 }
    110 .fl {
    111     float:left;
    112 }
    113 .fr {
    114     float:right;
    115 }
    116 /*文字排版、颜色*/
    117 .f12{font-size:12px}
    118 .f13{font-size:13px}
    119 .f14{font-size:14px}
    120 .f16{font-size:16px}
    121 .f20{font-size:20px}
    122 .fb{font-weight:bold}
    123 .fn{font-weight:normal}
    124 .t2{text-indent:2em}
    125 .red,a.red{color:#cc0031}
    126 .darkblue,a.darkblue{color:#039}
    127 .gray,a.gray{color:#878787}
    128 .lh150{line-height:150%}
    129 .lh180{line-height:180%}
    130 .lh200{line-height:200%}
    131 .unl{text-decoration:underline;}
    132 .no_unl{text-decoration:none;}
    133 /*定位*/
    134 .tl{text-align:left}
    135 .tc{text-align:center}
    136 .tr{text-align:right}
    137 .fl{float:left;display:inline}
    138 .fr{float:right;display:inline}
    139 .cb{clear:both}
    140 .cl{clear:left}
    141 .cr{clear:right}
    142 .vm{vertical-align:middle} 
    143 .pr{position:relative} 
    144 .pa{position:absolute}
    145 .abs-right{position:absolute;right:0}
    146 .zoom{zoom:1} 
    147 .hidden{visibility:hidden} 
    148 .none{display:none}
    149 /*长度高度*/
    150 .w10{width:10px}
    151 .w20{width:20px}
    152 .w50{width:50px}
    153 .w90{width:90px}
    154 .w100{width:100px}
    155 .w200{width:200px}
    156 .w250{width:250px}
    157 .w500{width:500px}
    158 .w800{width:800px}
    159 .w{width:100%}
    160 .h50{height:50px}
    161 .h80{height:80px}
    162 .h100{height:100px}
    163 .h200{height:200px}
    164 .h{height:100%}
    165 /*边距*/
    166 .m10{margin:10px}
    167 .m15{margin:15px}
    168 .m30{margin:30px}
    169 .mt5{margin-top:5px}
    170 .mt10{margin-top:10px}
    171 .mt15{margin-top:15px}
    172 .mt50{margin-top:50px}
    173 .mt100{margin-top:100px}
    174 .mb5{margin-bottom:5px}
    175 .mb10{margin-bottom:10px}
    176 .mb15{margin-bottom:15px}
    177 .mb100{margin-bottom:100px}
    178 .ml5{margin-left:5px}
    179 .ml10{margin-left:10px}
    180 .ml15{margin-left:15px}
    181 .ml20{margin-left:20px}
    182 .ml30{margin-left:30px}
    183 .ml50{margin-left:50px}
    184 .ml100{margin-left:100px}
    185 .mr5{margin-right:5px}
    186 .mr10{margin-right:10px}
    187 .mr15{margin-right:15px}
    188 .mr50{margin-right:50px}
    189 .mr100{margin-right:100px}
    190 .p10{padding:10px;}
    191 .p15{padding:15px;}
    192 .p30{padding:30px;}
    193 .pt5{padding-top:5px}
    194 .pt10{padding-top:10px}
    195 .pt15{padding-top:15px}
    196 .pt20{padding-top:20px}
    197 .pt30{padding-top:30px}
    198 .pt50{padding-top:50px}
    199 .pb5{padding-bottom:5px}
    200 .pb100{padding-bottom:100px}
    201 .pl5{padding-left:5px}
    202 .pl10{padding-left:10px}
    203 .pl50{padding-left:50px}
    204 .pl100{padding-left:100px}
    205 .pr5{padding-right:5px}
    206 .pr10{padding-right:10px}
    207 .pr15{padding-right:15px}
    208 .pr100{padding-right:100px}
  • 相关阅读:
    java中源代码和lib库中有包名和类名都相同的类(转)
    Python 入门之基本数据类型
    Python 学习经历分享
    String 与不可变对象
    String 的常用操作
    Java 中的国际化
    接口和工厂设计模式
    抽象类和模板设计模式
    Java中的访问控制权限
    Java 中类的初始化过程
  • 原文地址:https://www.cnblogs.com/uiiu/p/5920956.html
Copyright © 2011-2022 走看看