因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对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;
}