對于web開發(fā)者來說，CSS的初始化是一個非常重要的步驟，這可以防止不同的瀏覽器對同樣的代碼顯示不同的效果。接下來，我們來看看四組可以用來初始化CSS的代碼片段：

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

這是可能最常用的初始化CSS代碼。通常情況下，我們希望網(wǎng)頁的元素在不同瀏覽器中呈現(xiàn)類似的效果，因此我們需要將所有的元素的margin和padding清零，同時設(shè)置盒子模型為border-box，這樣所有的內(nèi)邊距和邊框不會影響元素的寬度和高度。

html {
font-size: 62.5%;
}
body {
font-size: 16px;
font-size: 1.6rem;
}

這組初始化代碼是一個改變默認(rèn)字體大小的方案。為了使得網(wǎng)頁的字號更加一致，我們可以將html的字號設(shè)置為62.5%，這將會使1rem等于10px。然后我們再將body的字號設(shè)置為16px和1.6rem，這樣我們可以更加方便的使用rem單位。

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}

這一組代碼是為了解決某些HTML5元素在某些瀏覽器中不被認(rèn)識的問題。有些老的瀏覽器可能不支持一些新的HTML5語義化標(biāo)簽，這時候我們可以將這些標(biāo)簽的顯示屬性設(shè)置為block，以避免產(chǎn)生不良的效果。

img {
max-width: 100%;
}

該組初始化代碼是保證圖片在不同設(shè)備中自適應(yīng)的解決方案。很多時候，圖片是我們網(wǎng)頁中不可或缺的元素。為了不讓圖片破壞網(wǎng)頁的布局，我們可以將圖片的最大寬度設(shè)置為100%，讓他們在不同尺寸的設(shè)備上展現(xiàn)出類似的效果。