HTML标签在浏览器中都有默认的样式,不同的浏览器的默认样式之间存在差别。例如ul默认带有缩进样式,在IE下,它的缩进是由margin实现的,而在Firefox下却是由padding实现的。开发时浏览器的默认样式可能会给我们带来多浏览器兼容性问题,影响开发效率。现在很流行的解决方式是一开始就将浏览器的默认样式全部覆盖掉,这就是css reset。
部分css reset内容如下:
html {
color
:
#000
;
background
:
#FFF
;}t
5
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
;}