CSS3中的初始化樣式是指在網頁的樣式表中,為了統一不同瀏覽器對元素的樣式定義而寫的一系列樣式。我們通常使用reset css或normalize.css來進行初始化樣式的定義。
其中,reset css是將所有元素的樣式都設置為相同的,以消除不同瀏覽器之間的差異。而normalize.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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: .67em 0; } /* 此處省略部分樣式 */
以上代碼只是reset css或normalize.css中的一部分,通過對比兩種樣式的定義,我們可以發現它們的一些區別。例如,normalize.css會對文字的樣式進行調整,而reset css則直接將所有元素的樣式清零。
在實際開發中,我們可以根據不同需求選擇使用哪種初始化樣式,也可以根據需要自定義一套屬于自己的初始化樣式。
上一篇css選擇器div類型
下一篇css選擇器span節點