移动端css初始样式

  1 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  2 
  3 /* Document
  4    ========================================================================== */
  5 
  6 /**
  7  * 1. Correct the line height in all browsers.
  8  * 2. Prevent adjustments of font size after orientation changes in iOS.
  9  */
 10 
 11 html {
 12   line-height: 1.15; /* 1 */
 13   -webkit-text-size-adjust: 100%; /* 2 */
 14 }
 15 
 16 /* Sections
 17    ========================================================================== */
 18 
 19 /**
 20  * Remove the margin in all browsers.
 21  */
 22 
 23 body {
 24   margin: 0;
 25 }
 26 
 27 /**
 28  * Render the `main` element consistently in IE.
 29  */
 30 
 31 main {
 32   display: block;
 33 }
 34 
 35 /**
 36  * Correct the font size and margin on `h1` elements within `section` and
 37  * `article` contexts in Chrome, Firefox, and Safari.
 38  */
 39 
 40 h1 {
 41   font-size: 2em;
 42   margin: 0.67em 0;
 43 }
 44 
 45 /* Grouping content
 46    ========================================================================== */
 47 
 48 /**
 49  * 1. Add the correct box sizing in Firefox.
 50  * 2. Show the overflow in Edge and IE.
 51  */
 52 
 53 hr {
 54   box-sizing: content-box; /* 1 */
 55   height: 0; /* 1 */
 56   overflow: visible; /* 2 */
 57 }
 58 
 59 /**
 60  * 1. Correct the inheritance and scaling of font size in all browsers.
 61  * 2. Correct the odd `em` font sizing in all browsers.
 62  */
 63 
 64 pre {
 65   font-family: monospace, monospace; /* 1 */
 66   font-size: 1em; /* 2 */
 67 }
 68 
 69 /* Text-level semantics
 70    ========================================================================== */
 71 
 72 /**
 73  * Remove the gray background on active links in IE 10.
 74  */
 75 
 76 a {
 77   background-color: transparent;
 78 }
 79 
 80 /**
 81  * 1. Remove the bottom border in Chrome 57-
 82  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 83  */
 84 
 85 abbr[title] {
 86   border-bottom: none; /* 1 */
 87   text-decoration: underline; /* 2 */
 88   text-decoration: underline dotted; /* 2 */
 89 }
 90 
 91 /**
 92  * Add the correct font weight in Chrome, Edge, and Safari.
 93  */
 94 
 95 b,
 96 strong {
 97   font-weight: bolder;
 98 }
 99 
100 /**
101  * 1. Correct the inheritance and scaling of font size in all browsers.
102  * 2. Correct the odd `em` font sizing in all browsers.
103  */
104 
105 code,
106 kbd,
107 samp {
108   font-family: monospace, monospace; /* 1 */
109   font-size: 1em; /* 2 */
110 }
111 
112 /**
113  * Add the correct font size in all browsers.
114  */
115 
116 small {
117   font-size: 80%;
118 }
119 
120 /**
121  * Prevent `sub` and `sup` elements from affecting the line height in
122  * all browsers.
123  */
124 
125 sub,
126 sup {
127   font-size: 75%;
128   line-height: 0;
129   position: relative;
130   vertical-align: baseline;
131 }
132 
133 sub {
134   bottom: -0.25em;
135 }
136 
137 sup {
138   top: -0.5em;
139 }
140 
141 /* Embedded content
142    ========================================================================== */
143 
144 /**
145  * Remove the border on images inside links in IE 10.
146  */
147 
148 img {
149   border-style: none;
150 }
151 
152 /* Forms
153    ========================================================================== */
154 
155 /**
156  * 1. Change the font styles in all browsers.
157  * 2. Remove the margin in Firefox and Safari.
158  */
159 
160 button,
161 input,
162 optgroup,
163 select,
164 textarea {
165   font-family: inherit; /* 1 */
166   font-size: 100%; /* 1 */
167   line-height: 1.15; /* 1 */
168   margin: 0; /* 2 */
169 }
170 
171 /**
172  * Show the overflow in IE.
173  * 1. Show the overflow in Edge.
174  */
175 
176 button,
177 input { /* 1 */
178   overflow: visible;
179 }
180 
181 /**
182  * Remove the inheritance of text transform in Edge, Firefox, and IE.
183  * 1. Remove the inheritance of text transform in Firefox.
184  */
185 
186 button,
187 select { /* 1 */
188   text-transform: none;
189 }
190 
191 /**
192  * Correct the inability to style clickable types in iOS and Safari.
193  */
194 
195 button,
196 [type="button"],
197 [type="reset"],
198 [type="submit"] {
199   -webkit-appearance: button;
200 }
201 
202 /**
203  * Remove the inner border and padding in Firefox.
204  */
205 
206 button::-moz-focus-inner,
207 [type="button"]::-moz-focus-inner,
208 [type="reset"]::-moz-focus-inner,
209 [type="submit"]::-moz-focus-inner {
210   border-style: none;
211   padding: 0;
212 }
213 
214 /**
215  * Restore the focus styles unset by the previous rule.
216  */
217 
218 button:-moz-focusring,
219 [type="button"]:-moz-focusring,
220 [type="reset"]:-moz-focusring,
221 [type="submit"]:-moz-focusring {
222   outline: 1px dotted ButtonText;
223 }
224 
225 /**
226  * Correct the padding in Firefox.
227  */
228 
229 fieldset {
230   padding: 0.35em 0.75em 0.625em;
231 }
232 
233 /**
234  * 1. Correct the text wrapping in Edge and IE.
235  * 2. Correct the color inheritance from `fieldset` elements in IE.
236  * 3. Remove the padding so developers are not caught out when they zero out
237  *    `fieldset` elements in all browsers.
238  */
239 
240 legend {
241   box-sizing: border-box; /* 1 */
242   color: inherit; /* 2 */
243   display: table; /* 1 */
244   max-width: 100%; /* 1 */
245   padding: 0; /* 3 */
246   white-space: normal; /* 1 */
247 }
248 
249 /**
250  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
251  */
252 
253 progress {
254   vertical-align: baseline;
255 }
256 
257 /**
258  * Remove the default vertical scrollbar in IE 10+.
259  */
260 
261 textarea {
262   overflow: auto;
263 }
264 
265 /**
266  * 1. Add the correct box sizing in IE 10.
267  * 2. Remove the padding in IE 10.
268  */
269 
270 [type="checkbox"],
271 [type="radio"] {
272   box-sizing: border-box; /* 1 */
273   padding: 0; /* 2 */
274 }
275 
276 /**
277  * Correct the cursor style of increment and decrement buttons in Chrome.
278  */
279 
280 [type="number"]::-webkit-inner-spin-button,
281 [type="number"]::-webkit-outer-spin-button {
282   height: auto;
283 }
284 
285 /**
286  * 1. Correct the odd appearance in Chrome and Safari.
287  * 2. Correct the outline style in Safari.
288  */
289 
290 [type="search"] {
291   -webkit-appearance: textfield; /* 1 */
292   outline-offset: -2px; /* 2 */
293 }
294 
295 /**
296  * Remove the inner padding in Chrome and Safari on macOS.
297  */
298 
299 [type="search"]::-webkit-search-decoration {
300   -webkit-appearance: none;
301 }
302 
303 /**
304  * 1. Correct the inability to style clickable types in iOS and Safari.
305  * 2. Change font properties to `inherit` in Safari.
306  */
307 
308 ::-webkit-file-upload-button {
309   -webkit-appearance: button; /* 1 */
310   font: inherit; /* 2 */
311 }
312 
313 /* Interactive
314    ========================================================================== */
315 
316 /*
317  * Add the correct display in Edge, IE 10+, and Firefox.
318  */
319 
320 details {
321   display: block;
322 }
323 
324 /*
325  * Add the correct display in all browsers.
326  */
327 
328 summary {
329   display: list-item;
330 }
331 
332 /* Misc
333    ========================================================================== */
334 
335 /**
336  * Add the correct display in IE 10+.
337  */
338 
339 template {
340   display: none;
341 }
342 
343 /**
344  * Add the correct display in IE 10.
345  */
346 
347 [hidden] {
348   display: none;
349 }

 

 

转至    https://necolas.github.io/normalize.css/8.0.1/normalize.css

posted @ 2020-09-29 19:24  fnasklf  阅读(316)  评论(0编辑  收藏  举报