Eric reset.css
1 html, body, div, span, applet, object, iframe, 2 h1, h2, h3, h4, h5, h6, p, blockquote, pre, 3 a, abbr, acronym, address, big, cite, code, 4 del, dfn, em, font, img, ins, kbd, q, s, samp, 5 small, strike, strong, sub, sup, tt, var, 6 dl, dt, dd, ol, ul, li, 7 fieldset, form, label, legend, 8 table, caption, tbody, tfoot, thead, tr, th, td { 9 margin: 0; 10 padding: 0; 11 border: 0; 12 outline: 0; 13 font-weight: inherit; 14 font-style: inherit; 15 font-size: 100%; 16 font-family: inherit; 17 vertical-align: baseline; 18 } 19 /* remember to define focus styles! */ 20 :focus { 21 outline: 0; 22 } 23 body { 24 line-height: 1; 25 color: black; 26 background: white; 27 } 28 ol, ul { 29 list-style: none; 30 } 31 /* tables still need 'cellspacing="0"' in the markup */ 32 table { 33 border-collapse: separate; 34 border-spacing: 0; 35 } 36 caption, th, td { 37 text-align: left; 38 font-weight: normal; 39 } 40 blockquote:before, blockquote:after, 41 q:before, q:after { 42 content: ""; 43 } 44 blockquote, q { 45 quotes: "" ""; 46 } 47 48 /*Eric Meyer在他的网站也给出了一个新的写法,在文中他还提到了 Internet Explorer 中解决 inherit 的问题（我研究之后也想简单写一下），值得研究（查看原文：Reset Reloaded）。其实这两个reset.css差别并不大，可以选择其中之一或者合并使用。 49 reset.css是每个页面都必须的样式文件（或者你已经把它内置到相关的CSS文件中了），是我们实现跨浏览器设计的不可缺少的一环。 50 原文连接：http://www.dudo.org/article.asp?id=243*/
Normailze.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 }
Reset.css
1 body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,figure,figcaption,main,footer,nav,header,fieldset,legend,input,textarea,select{margin:0;padding:0} 2 body{font:12px "宋体","Arial Narrow",HELVETICA;background:#fff;} 3 a{color:#172c45;text-decoration:none} 4 a:hover{color:#cd0200;/*text-decoration:underline*/} 5 em{font-style:normal} 6 li{list-style:none} 7 img{border:0;vertical-align:middle;display:inline-block;} 8 table{border-collapse:collapse;border-spacing:0;} 9 p{word-wrap:break-word} 10 .ind{text-indent:2em} 11 .ind10{text-indent:10px;} 12 .noborder{border:0;} 13 14 .clear{zoom:1} 15 .clear:after{content:"."; display:block; clear:both; height:0; visibility:hidden;}
sina reset.css
1 html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:; } 2 fieldset, img { border:none; } 3 img{ vertical-align:top;} 4 address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; } 5 ul, ol { list-style:none; } 6 body { color:#333; font:16px/20px "SimSun","宋体","Arial Narrow",HELVETICA; background:#fff;/* overflow-y:scroll;*/ overflow-x:hidden;} 7 a { color:#666; text-decoration:none; } 8 a:visited { color:#666; } 9 a,input{outline:none;}
Sohu reset.css
1 body{font-family:"\5B8B\4F53","Arial Narrow",HELVETICA;text-align:center;margin:0 auto;padding:0;background:#FFF;font-size:12px;color:#333;} 2 body > div{text-align:center;margin-right:auto;margin-left:auto;} 3 div,form,ul,ol,li,span,p{margin:0;padding:0;border:0;} 4 img,a img{border:0;margin:0;padding:0;} 5 h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;} 6 ul,ol,li{list-style:none} 7 table,td,input{font-size:12px;padding:0} /* 默认链接颜色 */ 8 a{outline-style:none;color:#333;text-decoration:none} 9 a:hover{color:#c00;text-decoration:underline;}
Tencent reset.css
1 body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} 2 body{font:12px "宋体","Arial Narrow",HELVETICA;background:#fff;} 3 a{color:#172c45;text-decoration:none} 4 a:hover{color:#cd0200;text-decoration:underline} 5 em{font-style:normal} 6 li{list-style:none} 7 img{border:0;vertical-align:middle} 8 table{border-collapse:collapse;border-spacing:0} 9 p{word-wrap:break-word} 10 .ind{text-indent:2em} 11 .ind10{text-indent:10px;} 12 .noborder{border:0;} 13 14 .clear{zoom:1} 15 .clear:after{content:"."; display:block; clear:both; height:0; visibility:hidden;}
Yahoo!reset.css
1 html{color:#000;background:#FFF;} 2 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, 3 fieldset,input,textarea,p,blockquote,th,td { 4 margin:0; 5 padding:0; 6 } 7 table { 8 border-collapse:collapse; 9 border-spacing:0; 10 } 11 fieldset,img { 12 border:0; 13 } 14 address,caption,cite,code,dfn,em,strong,th,var { 15 font-style:normal; 16 font-weight:normal; 17 } 18 ol,ul { 19 list-style:none; 20 } 21 caption,th { 22 text-align:left; 23 } 24 h1,h2,h3,h4,h5,h6 { 25 font-size:100%; 26 font-weight:normal; 27 } 28 q:before,q:after { 29 content:''; 30 } 31 abbr,acronym { border:0; 32 }
Douyou reset.css
@charset "utf-8"; 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}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} /* CSS Document */ * {margin: 0;padding: 0;}body,html {overflow-y: auto;overflow-x: hidden;} .clearfix{margin-right:auto;margin-left:auto;*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both} b,em,i{font-style:normal;font-weight:normal;} body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;font-size:14px;line-height:20px;color:#333;position:relative;} html,body{width:100%;min-width:1200px;margin:0 auto;overflow-x:hidden;min-height:1000px;background-color:#f4f4f5;} button,input,select,textarea,th{background:#fff;font-size:12px;line-height:1.5em;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;} a{color:#333;text-decoration:none;} a:hover,a:focus{-webkit-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-moz-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-ms-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-o-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;} .rotate360:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);} a:hover{color:#0091ff;} .rotate360{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} .fl{float:left;} .fr{float:right;} .w1200{width:1200px;margin:0 auto;} .w1168{width:1168px;margin:0 auto;} .h30{width:100%;height:30px;} .h20{width:100%;height:20px;} .h16{width:100%;height:16px;} .h12{width:100%;height:12px;} .hide{display:none;} a,img,i{display:inline-block;cursor: pointer;} img{vertical-align: top;border: 0;} .bg{background-color: #fff;}