不同的浏览器对默认样式的处理不同,比如ul默认带有缩进样式,在IE下,它的缩进是由margin实现的,而在Firefox下却是由padding实现的。为了统一浏览器的默认样式,引进css reset,将浏览器的默认样式覆盖掉;
部分css reset样式:
html {
color
:
#000
;
background
:
#FFF
;}
body,div,dl,dt,dd,ul,ol,li,
h
1
,h
2
,h
3
,h
4
,h
5
,h
6
,
pre
,
code
,form,fieldset,legend,
input,textarea,p,blockquote,th,td{
margin
:
0
;
padding
:
0
;}
table {
border-collapse
:
collapse
;
border-spacing
:
0
;}
fieldset,img {
border
:
0
;}
address,
caption
,cite,
code
,dfn,em,strong,th,var {
font-style
:
normal
;
font-weight
:
normal
;}
li {
list-style
:
none
;}
caption
,th {
text-align
:
left
;}
h
1
,h
2
,h
3
,h
4
,h
5
,h
6
{
font-size
:
100%
;
font-weight
:
normal
;}
q:before,q:after {
content
:
''
;}
abbr,acronym {
border
:
0
;
font-variant
:
normal
;}
sup {
vertical-align
:
text-top
;}
sub
{
vertical-align
:
text-bottom
;}
input,textarea,select {
font-family
:inherit;
font-size
:inherit;
font-weight
:inherit;}
input,textarea,select {*
font-size
:
100%
;}
legend {
color
:
#000
;}
相比于css reset,粗暴的将几乎所有的浏览器默认样式修改统一, narmalize.css保留了有用的默认样式等等好处;
narmalize.css的下载地址:https://necolas.github.io/normalize.css/5.0.0/normalize.css