如何正確清除瀏覽器預設髒資料

驗證平臺：

WebKit ： chrome | safari

Presto ：opera

Gecko ：firefox

Trident ：ie9

 一、body髒外邊距   

第一個程式足以讓我困惑，簡單的給html和body分別設定背景色。會有以下三種情況並且所有平臺表現一致，可見，瀏覽器對html和body有點兒特殊對待，當然嘗試用z-index也無法改變結果。無傷大雅，疑惑的跳過這個鬼東西吧。

可是，當我們寫一個div的時候，表現依舊很不好，看看吧

新增程式碼 

所有的瀏覽器表現一致，分析可得以下觀點：

1、body有margin；必須是要清除的。

2、body有點div的樣子

3、如果html沒有background-color，單單body的background-color會突破margin；

4、body沒有padding；

結論：

html{ magin:0; padding:0; }這個其實不是用來清除的；理解上講，沒用，？？

body{ magin:0;padding:0; }這種，就是清除瀏覽器有可能預設設定邊距；

正確的清除預設髒值的寫法：body{magin:0;}

但是，瀏覽器的相容沒必要研究，沒必要冒險，而且從程式碼通用和健壯，規範的寫法一定是這樣的，清除所有元素的髒邊距。