*{
margin:0;
padding:0;
}
以前写CSS都会在会在样式的开头部分添加上述的内容,今天才发现这种写法很不友好,会导致很多样式显示问题,所以并不适合所有的浏览器。
下面的是雅虎的css reset,已经发展到3.5版本了。
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,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}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{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}#yui3-css-stamp.cssreset{display:none}
*{
font: 100% Verdana, Futura, Helvetica, sans-serif;
}
html{
background: #00d4e1
}
body{
color: #000;
margin: auto;
font-size: 0.75em;
}
nav{
width: 19%;
heigh: 60%;
color: #fff;
background-color: #e2001a;
top: 0;
left: 0;
text-align: right;
}
nav img{
width: 54%;
margin: auto;
}
img{
width: 61%;
}
参考文章:
可以参考雅虎的github:https://gist.github.com/borit/6354625css reset
http://shawphy.com/2009/03/my-own-reset-css.html