CSS3 Reset是一種將所有瀏覽器默認樣式重置為一致的基本樣式的方法。一般來說,各種瀏覽器的默認樣式頗有差異,這給頁面設計和開發帶來了很大的不便。使用CSS3 Reset后,可以在不同瀏覽器上顯示一致的效果,方便開發和設計工作。
下面是一份比較常用的CSS3 Reset代碼:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }
這段CSS3 Reset代碼會將所有元素的margin、padding、border、outline、font-size等重置為0,同時設置所有的元素背景為透明。它還去掉了列表的樣式、引用的樣式、表格的樣式等。