將所有內容設置爲默認值的CSS重置

Question

我正在開發一個瀏覽器擴展，它將UI添加到頁面DOM中。在某些頁面上，我遇到了某些樣式會影響我的UI的問題。爲了解決這個問題，我把我的用戶界面放在一個公共根目錄下面，它將大多數樣式重置爲默認值。

有時候我錯過了在我的UI中導致視覺故障的東西。 （即網頁CSS文件設置form { width: 80%; }所以我需要添加form { width: auto; }我復位風格。

是否存在的風格，重置每個CSS屬性被聲明爲通過爲每個元素的標準默認值的集合？

Answer 1

Html5的樣板具有內置人很多CSS樣式爲默認的normalize.css。 http://html5boilerplate.com/

Answer 2

當你申請你的款式與不同風格獨特不同的頁面，它很難說，如果你將獲得成功刪除所有頁面中的所有樣式並進行一些CSS重置。

但也許這些都可以幫助：

Normalize.css（很多CSS框架中使用）

CSS Reset by Meyer

Answer 3

我建議使用一個快速谷歌搜索找到的東西，像這樣：http://meyerweb.com/eric/tools/css/reset/

你可以按原樣實施重置，然後如果出現任何問題，只需根據需要添加即可。

請注意，一些預製的CSS重置需要喊出來使用它們。

Answer 4

是的，絕對。

這裏有兩種思想流派。一個是歸零風格的重置表單，它基本上從css中刪除所有的邊距，填充和其他這樣的設置。這方面的一個很好的例子是Eric Meyer's Reset CSS

另一種方法是將所有內容設置爲大致的內容，設置段落和標題的合理外觀邊界，縮進列表等。一個很好的例子是Normalize.css

某些瀏覽器還支持initial值，該值將屬性值設置回原來的值。 IMO在生產，IMO方面的應用還不夠廣泛。

Answer 5

1. Eric Meyer’s 「Reset CSS」 2.0
   _{（原來的）}

2. HTML5 Doctor CSS Reset
   _{（擴展Eric Meyer的一個改善HTML5標籤復位）}

3. Yahoo! (YUI 3) Reset CSS
   _{（基於Normalize。CSS）}

4. 通用選擇‘*’重置

5. Normalize.css 1.0 2.1.3
   _{（「... 13759 Twitter的引導，HTML5樣板，YUI 3，純淨，TweetDeck的， Soundcloud，Medium，NASA，GOV.UK，Guardian，Rdio，Favstar，iA等等。「）}

還有其他的，但是（現在仍然是）2012’s most popular CSS Reset scripts。