CSS 央視初始化是一種重置瀏覽器默認(rèn)樣式的技術(shù),它可以使網(wǎng)頁在不同瀏覽器上的渲染效果保持一致。
/* 央視初始化代碼 */ 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, font,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; }
上述 CSS 代碼中,將多個(gè) HTML 元素的 margin、padding、border 等設(shè)置為 0,并將 font-size 設(shè)置為 100%,是為了消除不同瀏覽器之間的內(nèi)置樣式差異。此外,還將 line-height 設(shè)置為 1、list-style 設(shè)置為 none、quotes 設(shè)置為 none 等,都是為了避免瀏覽器默認(rèn)樣式帶來的問題。
使用 CSS 央視初始化可以讓我們更加自由地開發(fā)網(wǎng)頁,提升網(wǎng)頁性能和用戶體驗(yàn)。