• css重设


      1 html{
      2     height:100%;
      3     -webkit-text-size-adjust: 100%;
      4     -ms-text-size-adjust: 100%;
      5     -webkit-font-smoothing:antialiased;
      6 }
      7 body{
      8     margin:0;
      9     padding:0;
     10     background-color:#fff;
     11     min-height:100%;
     12     height:auto !important;
     13     height:100%;
     14     text-align:center;
     15     color:#404040;
     16     font:12px/1.5 Helvetica,arial;
     17 }
     18 h1,h2,h3,h4,h5,h6,p,figure,form{
     19     margin:0;
     20 }
     21 table{
     22     border-collapse:collapse;
     23     border-spacing:0;
     24 }
     25 img{
     26     border:0;
     27     vertical-align:middle;
     28     -ms-interpolation-mode: bicubic;
     29 }
     30 a{
     31     text-decoration:none;
     32     color:#29B4F0;
     33 }
     34 a:focus {
     35     outline: thin dotted;
     36 }
     37 a:hover{
     38     color:#017CB9;
     39     text-decoration:underline;
     40 }
     41 /* hn */
     42 h1{
     43     font-size:16px;
     44     line-height:36px;
     45 }
     46 h2{
     47     font-size:14px;
     48     line-height:30px;
     49 }
     50 h3{
     51     line-height:24px;
     52 }
     53 h3,h4,h5,h6{
     54     font-size:12px;
     55 }
     56 /* ul ol dl */
     57 ul,li,ol{
     58     margin: 0;
     59     padding:0;
     60     list-style: none outside none;
     61 }
     62 ul.has-style li,ol li{
     63     margin-left:25px;
     64 }
     65 ul.has-style li{
     66     list-style:disc;
     67 }
     68 ol li{
     69     list-style:decimal;
     70 }
     71 ul.inline-style li{
     72     float:left;
     73     display:inline;
     74 }
     75 dl{
     76     margin-bottom: 18px;
     77 }
     78 dt{
     79     font-weight: bold;
     80 }
     81 dd{
     82     margin:0 0 0 9px;
     83     padding:0;
     84 }
     85 svg:not(:root) {
     86     overflow: hidden;
     87 }
     88 /* clearfix */
     89 .clearfix:before, .clearfix:after {
     90     content:"";
     91     display:table;
     92 }
     93 .clearfix:after{
     94     clear:both;
     95     overflow:hidden;
     96 }
     97 .clearfix{
     98     zoom:1;
     99 }
    100 /* -------------------------------------------------
    101  * form
    102  * -------------------------------------------------
    103 */
    104 button,input,select,textarea{
    105     font-size:100%;
    106     font-family:tahoma;
    107     margin: 0;
    108     outline: 0 none;
    109     vertical-align: baseline;
    110     *vertical-align: middle;
    111 }
    112 textarea{
    113     overflow: auto;
    114     vertical-align: top; 
    115     resize:none;
    116 }
    117 button,input{
    118     line-height: normal;
    119 }
    120 button,
    121 html input[type="button"], 
    122 input[type="reset"],
    123 input[type="submit"],
    124 .submit-btn{
    125     -webkit-appearance: button; 
    126     cursor: pointer; 
    127     *overflow: visible;
    128 }
    129 button[disabled],
    130 input[disabled],
    131 .disable{
    132     cursor: default;
    133 }
    134 input[type="checkbox"],
    135 input[type="radio"],
    136 .form-radio,
    137 .form-checkbox{
    138     box-sizing: border-box;
    139     padding: 0;
    140     *height: 13px;
    141     * 13px;
    142 }
    143 fieldset{
    144     border: 1px solid #c0c0c0;
    145     margin: 0 2px 18px;
    146     padding: 0.35em 0.625em 0.75em;
    147 }
    148 legend{
    149     border: 0;
    150     padding: 0;
    151     white-space: normal;
    152     *margin-left: -7px;
    153 }
    154 button::-moz-focus-inner,
    155 input::-moz-focus-inner{
    156     border: 0;
    157     padding: 0;
    158 }
    159 /* -------------------------------------------------
    160  * css3 & html5
    161  * -------------------------------------------------
    162 */
    163 /* html5 */
    164 article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{
    165     display: block;
    166 }
    167 audio,canvas,video{
    168     display: inline-block;
    169     *display: inline;
    170     *zoom: 1;
    171 }
    172 audio:not([controls]){
    173     display: none;
    174     height: 0;
    175 }
    176 input[type="search"]{
    177     -webkit-appearance: textfield;
    178     -moz-box-sizing: content-box;
    179     -webkit-box-sizing: content-box;
    180     box-sizing: content-box;
    181 }
    182 :-moz-placeholder{
    183   color: #999;
    184 }
    185 ::-webkit-input-placeholder{
    186   color: #999;
    187 }
    188 /* -------------------------------------------------
    189  * 非常见标签
    190  * -------------------------------------------------
    191 */
    192 abbr[title]{
    193     border-bottom: 1px dotted;
    194 }
    195 b,strong{
    196     font-weight: bold;
    197 }
    198 blockquote{
    199     margin: 1em 40px;
    200 }
    201 dfn{
    202     font-style: italic;
    203 }
    204 mark{
    205     background: #ff0;
    206     color: #444;
    207 }
    208 code,kbd,pre,samp{
    209     font-family: monospace, serif;
    210     _font-family: 'courier new', monospace;
    211     font-size: 1em;
    212 }
    213 pre{
    214     margin: 1em 0;
    215     white-space: pre;
    216     white-space: pre-wrap;
    217     word-wrap: break-word;
    218 }
    219 q{
    220     quotes: none;
    221 }
    222 q:before,
    223 q:after{
    224     content: '';
    225     content: none;
    226 }
    227 small{
    228     font-size: 80%;
    229 }
    230 sub,sup{
    231     font-size: 75%;
    232     line-height: 0;
    233     position: relative;
    234     vertical-align: baseline;
    235 }
    236 sup{
    237     top: -0.5em;
    238 }
    239 sub{
    240     bottom: -0.25em;
    241 }
  • 相关阅读:
    MLE
    AHOI/HNOI2018道路
    AHOI/HNOI2018排列
    推式子
    AHOI/HNOI2018游戏
    ! BJOI2018治疗之雨
    BJOI2018链上二次求和
    BJOI2018双人猜数游戏
    ! BJOI2018染色
    BJOI2018二进制
  • 原文地址:https://www.cnblogs.com/laiweidong/p/2854730.html
Copyright © 2020-2023  润新知