HTML重設(shè),指的是將所有的HTML元素標(biāo)簽的默認(rèn)樣式都去掉,然后再通過CSS樣式來定義自己想要的樣式。這一過程可以幫助開發(fā)人員更好地控制頁面樣式,使得頁面更加美觀、靈活,達(dá)到更好的用戶體驗。
/* HTML重置 */ 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; color: black; background: white; } 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; }
這段代碼是經(jīng)過精心設(shè)計的HTML重設(shè)代碼,在不同的CSS框架中也有相似或者完全相同的代碼存在。使用這段代碼可以有效地去掉默認(rèn)的樣式,為后續(xù)的樣式定義提供更好的基礎(chǔ)。
在進(jìn)行樣式設(shè)計時,開發(fā)者可以針對自己的需求對某些元素進(jìn)行重新定義。這樣就能夠靈活可控地進(jìn)行樣式調(diào)整,讓頁面呈現(xiàn)出更好的效果。