在當今網頁設計/開發(fā)實踐中，使用CSS來為語義化的(X)HTML標記添加樣式風格是重要的關鍵。在設計師們的夢想中都存在著這樣的一個完美世界:所有的瀏覽器都能夠理解和適用多有CSS規(guī)則，并且呈現(xiàn)相同的視覺效果(沒有兼容性問題)。但是，我們并沒有生活在這個完美的世界，現(xiàn)實中發(fā)生的失竊卻總是恰恰相反，很多CSS樣式在不同的瀏覽器中有著不同的解釋和呈現(xiàn)。

　　當今流行的瀏覽器(如:Firefox、Opera、Internet Explorer、Chrome、Safari等等)中，有一些都是以自己的方式去理解CSS規(guī)范，這就會導致有的瀏覽器對CSS的解釋與設計師的CSS定義初衷相沖突，使得網頁的樣子在某些瀏覽器下能正確按照設計師的想法顯示，但有些瀏覽器卻并沒有按照設計師想要的樣子顯示出來，這就導致瀏覽器的兼容性問題。更糟的是，有的瀏覽器完全無視CSS的一些聲明和屬性。

　　正因為上述沖突和問題依然存在于這個”不完美的世界”，所以一些設計師想到了一種避免瀏覽器兼容性問題的方法，那就是CSS Reset，什么是CSS Reset？我們可以把它叫做CSS重設，也有人叫做CSS復位、默認CSS、CSS重置等。CSS重設就是由于各種瀏覽器解釋CSS樣式的初始值有所不同，導致設計師在沒有定義某個CSS屬性時，不同的瀏覽器會按照自己的默認值來為沒有定義的樣式賦值，所以我們要先定義好一些CSS樣式，來讓所有瀏覽器都按照同樣的規(guī)則解釋CSS，這樣就能避免發(fā)生這種問題。

一.最簡化的CSS Reset(重設) :

CSS Code復制內容到剪貼板

* {   
      padding: 0;   
      margin: 0;   
}  

　　這是最普遍最簡單的CSS重設，將所有元素的padding和margin值都設為0，可以避免一些瀏覽器在理解這兩個屬性默認值上的”分歧”。

CSS Code復制內容到剪貼板

* {   
       padding: 0;   
       margin: 0;   
       border: 0;   
}  

　　這是在上一個重設的基礎上添加了對border屬性的重設，初始值為0的確能避免一些問題。

CSS Code復制內容到剪貼板

* {   
       outline: 0;   
       padding: 0;   
       margin: 0;   
       border: 0;   
}  

　　在前兩個的基礎上添加了outline屬性的重設，防止一些沖突。

二.濃縮實用型CSS Reset(重設):