這種做法是為了清除瀏覽器中默認的body的內外邊距
1. 每種瀏覽器都有一套默認的樣式表,在網頁制作過程,沒有指定相應的樣式時,就會按照瀏覽器內置的樣式表來渲染。
2. 舉例說,IE6、IE7的body標簽,默認的樣式應該是:display:block;margin:15px 10px;zoom:1;(不是很確定),而沒有預設padding值,chrome/firefox也只是設置了margin:8px;沒有預設padding,從此可見,設置margin:0;即可消除邊距了,這點可以通過簡單的試驗得出結果了。
3. 注意不同的瀏覽器甚至同個瀏覽器不同版本的默認樣式是不同的。body標簽分別將margin和padding都重置為0這是網絡上廣為流傳的重置方法,應該是比較可靠的了。
4. 要徹底理解這個問題,可以去找每種瀏覽器的默認樣式表分析,重置的原理就是利用css樣式的相互覆蓋的優先級權重,將瀏覽器默認樣式(優先級最低)用開發者定義的樣式覆蓋掉。只要對照各種瀏覽器默認的樣式就可以比較簡單的理解這個問題了。