‐ 因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异。
‐ 当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但力求影响最小的情况下初始化。
最简单的初始化方法: * {padding: 0; margin: 0;} (强烈不建议)
淘宝的样式初始化代码:
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6{ font‐size:100%; }
address, cite, dfn, em, var { font‐style:normal; }
code, kbd, pre, samp { font‐family:couriernew, courier, monospace; }
small{ font‐size:12px; }
ul, ol { list‐style:none; }
a { text‐decoration:none; }
a:hover { text‐decoration:underline; }
sup { vertical‐align:text‐top; }
sub{ vertical‐align:text‐bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font‐size:100%; }
table { border‐collapse:collapse; border‐spacing:0; }