初始化代码-CSDN博客


  1 /*-----------------------------------------------------------------------------------------------------------------------*/
    /*-----------------------------------------------------------------------------------------------------------------------*/
    /*
             _______
            |      |\
            |      |_\
            | 去除默认 |
            | ~~~~~~~ |
            | ~~~~~~~ |
            |_________|
    */
  2 
  3 *,
  4  :after,
  5  :before {
  6     margin: 0;
  7     padding: 0;
  8     -webkit-box-sizing: border-box;
  9     -moz-box-sizing: border-box;
 10     box-sizing: border-box;
 11     outline: 0 !important;
 12     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 13     -webkit-tap-highlight-color: transparent;
 14     -webkit-text-size-adjust: 100%;
 15     -webkit-font-smoothing: antialiased;
 16     font-smoothing: antialiased;
 17 }
 18 
 19 body {
 20     color: #333;
 21     font-size: 14px;
 22     line-height: 1.5;
 23     font-family: 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
 24     -webkit-font-smoothing: antialiased
 25 }
 26 
 27 img {
 28     max-width: 100%;
 29     border: none
 30 }
 31 
 32 input,
 33 select,
 34 textarea {
 35     font-size: 14px;
 36     color: #333;
 37     font-family: 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
 38     border: none;
 39     -webkit-appearance: none;
 40     -moz-appearance: none;
 41     appearance: none
 42 }
 43 
 44 ::-webkit-input-placeholder {
 45     color: #999
 46 }
 47 
 48 ::-moz-placeholder {
 49     color: #333
 50 }
 51 
 52 ::-ms-input-placeholder {
 53     color: #999
 54 }
 55 
 56 select::-ms-expand {
 57     display: none
 58 }
 59 
 60 /*.ani,
 61 a {
 62     -o-transition: .5s;
 63     -ms-transition: .5s;
 64     -moz-transition: .5s;
 65     -webkit-transition: .5s;
 66     transition: .5s
 67 }*/
 68 
 69 a {
 70     color: #333;
 71     text-decoration: none
 72 }
 73 
 74 /*a:hover {
 75     color: #92077d
 76 }
 77 */
 78 ul {
 79     list-style: none
 80 }
 81 
 82 table {
 83     border-collapse: collapse;
 84     border-spacing: 0
 85 }
 86 
 87 em {
 88     font-style: normal
 89 }
 90 
 91 html,
 92 body,
 93 div,
 94 span,
 95 object,
 96 iframe,
 97 h1,
 98 h2,
 99 h3,
100 h4,
101 h5,
102 h6,
103 p,
104 blockquote,
105 pre,
106 a,
107 abbr,
108 address,
109 cite,
110 code,
111 del,
112 dfn,
113 em,
114 img,
115 ins,
116 kbd,
117 q,
118 samp,
119 small,
120 strong,
121 sub,
122 sup,
123 var,
124 b,
125 i,
126 dl,
127 dt,
128 dd,
129 ol,
130 ul,
131 li,
132 fieldset,
133 form,
134 label,
135 legend,
136 table,
137 caption,
138 tbody,
139 tfoot,
140 thead,
141 tr,
142 th,
143 td {
144     font-size: 100%;
145     margin: 0;
146     padding: 0;
147     vertical-align: baseline;
148 }
149 
150 html {
151     position: relative;
152     min-height: 100%;
153 }
154 
155 article,
156 aside,
157 details,
158 figcaption,
159 figure,
160 footer,
161 header,
162 hgroup,
163 nav,
164 section {
165     display: block;
166 }
167 
168 img {
169     border: 0;
170     -ms-interpolation-mode: bicubic;
171     vertical-align: middle;
172     -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
173 }
174 
175 a {
176     text-decoration: none;
177     color: #333;
178     -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
179 }
180 
181 a:hover,
182 a:active,
183 a:focus {
184     outline: 0;
185 }
186 
187 
188 
189 ul,
190 ol {
191     list-style: none;
192 }
193 
194 li {
195     list-style-type: none;
196 }
197 
198 form {
199     margin: 0;
200     display: block;
201 }
202 
203 fieldset {
204     border: 0;
205     margin: 0;
206     padding: 0;
207 }
208 
209 label {
210     cursor: pointer;
211 }
212 
213 button,
214 input,
215 select,
216 textarea {
217     font: 12px/1.5 tahoma, arial, '\5FAE\8F6F\96C5\9ED1';
218     -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
219 }
220 
221 textarea {
222     overflow: auto;
223     vertical-align: top;
224     resize: vertical;
225 }
226 
227 html,
228 body {
229     -webkit-text-size-adjust: none;
230 }
231 
232 input:focus,
233 textarea:focus,
234 select:focus {
235     outline-width: 0;
236     -webkit-text-size-adjust: none;
237 }
238 
239 table {
240     border-collapse: collapse;
241     border-spacing: 0;
242 }
243 h1,
244 h2,
245 h3,
246 h4,
247 h5,
248 h6 {
249     font-weight: normal;
250 }
251 .wrap {
252     margin: 0 auto;
253     width: 100%;
254     max-width: 1000px;
255 }
256 
257 .ellipsis {
258     overflow: hidden;
259     white-space: nowrap;
260     text-overflow: ellipsis;
261 }
262 .fl {
263     float: left;
264 }
265 
266 .fr {
267     float: right;
268 }
269 
270 .clearfix:after {
271     content: " ";
272     display: block;
273     height: 0;
274     visibility: hidden;
275     clear: both;
276 }
277 
278 .clearfix {
279     *zoom: 1;
280 }
281 
282 .text-left {
283     text-align: left;
284 }
285 
286 .text-center {
287     text-align: center;
288 }
289 
290 .text-right {
291     text-align: right;
292 }