CSS央視初始化是指在編寫網(wǎng)頁(yè)樣式表之前,先對(duì)瀏覽器默認(rèn)樣式進(jìn)行一次重置,以避免在開發(fā)過程中出現(xiàn)瀏覽器兼容性問題。
*{ margin:0; padding:0; box-sizing:border-box; } body{ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen, Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue", sans-serif; font-size: 14px; line-height: 1.5; color:#333; } a{ color:#333; text-decoration:none; } img{ vertical-align:middle; max-width:100%; }
在上面這段代碼中,我們使用了通配符 * 選定頁(yè)面中所有的 HTML 元素,并將 margin 和 padding 設(shè)置為 0,可避免瀏覽器的默認(rèn)樣式對(duì)頁(yè)面的影響。
在 body 元素中,我們?cè)O(shè)置了頁(yè)面的默認(rèn)字體、字號(hào)、行高和文本顏色,以及去除了下劃線的鏈接樣式。
圖片元素 img 中的 vertical-align 屬性將圖片垂直居中顯示,max-width: 100% 則會(huì)將圖片自動(dòng)調(diào)整到寬度為父元素的百分比。
以上是 CSS 央視初始化的基本設(shè)置,可以有效地解決瀏覽器默認(rèn)樣式對(duì)網(wǎng)頁(yè)布局造成的影響,提高頁(yè)面的兼容性和可讀性。