将所有内容设置为默认值的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。