问题标签 [css-reset]

将全局样式应用于所有元素有什么缺点吗？

我在同一个项目中使用 Boilerplate 和 Compass。样板文件有 normalizer.css 和 main.css。和 Comapass 有 screen/print/ie.css。

将两个库的 css 重置为一个好主意，还是它们只是重复？（Compass 的文件将在 Boilerplate 的文件之后链接）。

所以我发现我的网站在浏览器之间有很多不一致的地方（正如所料）

我已经在我的样式表中实现了 reset.css，它可以解决大多数问题，除了似乎是填充的问题。添加后，它会将页眉向下推到页面下方。好消息是它通过每个浏览器始终如一地做到这一点哈哈

那么可以做些什么来使标题保持在适当的位置而不是向下碰撞呢？

非常感谢！

这是我的代码[非常简单的代码，但无法破解]。我对这些东西非常陌生。因为我总是使用固定宽度，我没有遇到任何问题。但我真正的问题是为什么会有巨大的差异不同浏览器占用的宽度。

在 safari 中它使用 1280*0 的分辨率，但在 chrome 中它只使用 1163.636*0。为什么 chrome 没有使用全宽。而且我也在使用重置 css 样式表。但是 Firefox 没有问题。

这是样式表[没什么]。

我不知道我做错了什么，这与我注释掉并尝试过的重置 css 样式表有关，但结果相同。但在 chrome 中仅使用 1147.642 宽度和 8px 的边距，在 safari 中使用 1264 宽度和 8px 的边距。

我想知道包含css重置或css规范化库是否是一个好主意（如果我想要跨多平台构建的一致性）？

我关心的当然是应用程序速度、加载时间和内存使用，目标当然是跨平台的 UI 一致性......

为什么有些网站在其 CSS 文件的开头有一个重置 CSS 部分？我一直在阅读它有助于跨浏览器兼容性，但这到底是什么意思？只是好奇，谢谢！

我正在尝试在我的一个页面上为 html 编辑器设置预览框。我制作了一个标准<div id="preview"></div>样式的容器，我偶尔会在其中删除我的 html 源代码，并且效果很好。

问题是，引导程序的样式正在渗入容器并“毒化”我的预览。我看到了两种解决方案：

1. 将预览移动到iframe
2. 将某种清除/重置 css 应用于我托管预览的元素

例如：

我认为iframe一个笨拙的解决方案和某种最后的手段。我宁愿把我的东西放在一页上。所以我开始研究各种重置 css 样式表。不幸的是，它们中的大多数似乎都旨在平衡浏览器之间的差异，并且不会将所有样式重置为其裸值（例如，blockquote保持其引导样式）。

我可以继续搜索更好的 reset-css 样式表，或者我可以尝试填补我现在拥有的样式表中的漏洞。但在此之前，我想我应该问问更有经验的前端开发人员他们对此有何经验。

• 那里有更全面的清晰 css 解决方案吗？
• 试图清理引导程序是一件傻事，而我应该去iframe代替吗？

我有一个在用户页面上生成 html 内容的 javascript 代码。问题是用户使用的样式会影响我的 html 代码。我想完全重置我的容器类/id下的所有css，我该怎么做？

例如，正常的 css 重置样式不会重置表格边框、背景颜色等。

我遵循了关于如何安装此处概述的 normalize-rails css reset gem 的超级简单的指导 https://github.com/markmcconachie/normalize-rails

但我不断收到错误说明

当我包括

*= require normalize-rails 在我的application.css文件中。我跑了bundle，bundle update等等，仍然没有骰子。我安装不正确吗？我做错了什么？

我知道现在大多数 CSS 框架都使用 Reset CSS 或 Normalize.css 来确保所有元素在不同浏览器中具有相同的初始样式。

我的问题是——为什么？每个浏览器（或者更确切地说，渲染引擎）的默认样式都略有不同，这是有原因的吗？此外，是否有任何充分的理由说明这尚未标准化，以消除“重置”它的需要，因为大多数人无论如何都会想要重置它？