隨著CSS樣式的逐漸增多,CSS重置樣式已經(jīng)成為前端開發(fā)中不可或缺的一部分。其中網(wǎng)易CSS重置樣式是被廣泛使用的一個,我們來看看它的使用方法。
/* Reset CSS */ 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; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }
通過使用網(wǎng)易CSS重置樣式,我們可以消除不同瀏覽器之間的樣式差異,保持頁面的統(tǒng)一性。同時也可以讓開發(fā)者更加快速地進行樣式的開發(fā)和定制。不過需要注意的是,在使用CSS重置樣式的同時,不要忘記為需要保留原有樣式的元素重新自定義樣式。
上一篇html405頁面代碼
下一篇css判斷webkit