*{ 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