不同的浏览器对页面元素有不同的默认设置。 为了使网页在不同浏览器之间尽可能保持一致的外观,许多网页设计师使用通常称为 CSS 重置 的方法来清除这些默认设置并从头开始。
边距和填充是最常见的需要重置的属性,因为它们如果没有重置,通常会导致布局问题。 这也让你有机会 “向前工作” 你的边距/填充。 这意味着只对需要它的元素应用边距/填充,而不是从不需要它的元素中删除它。 这对设计师来说通常更有意义,并能产生更精简的代码。 边框是另一个常见的需要重置的属性,因为它可以解决链接图片周围那些讨厌的边框带来的问题。 这可能会导致默认样式被破坏*,比如你无意中破坏了提交按钮的默认样式。
Eric Meyer 提供了一个 流行的重置,并且星号选择器重置也相当受欢迎。 这两种样式都有各自的支持者和批评者。
那么各位是怎么做的呢: 你使用哪种 CSS 重置?
你使用的是流行的重置之一吗? 有自己的设计吗? 你根本使用重置吗? 投票部件像往常一样在侧边栏中(RSS 阅读器需要跳转到投票页面,我还没有解决这个问题)。
* 对 CSS 代码的非预期修改。
要不要在投票中加入 YUI 或 Blueprint 重置?
已添加。
我正在努力重拾编码,我已经好一阵子没有编码了。 我以前是个新手,现在也没好多少,虽然你一直是我很好的信息来源。
在应用到家庭成员的商业网站后,我被 IE 的问题困扰(有什么新鲜事)。 我遇到了 “硬重置” 解决方案,并对它几乎让所有东西都恢复到正确位置感到震惊;太棒了! 在进一步阅读和希望看到更多神奇的 “恢复” 后,我发现了 Eric 的重置,并正在使用它。 当我切换重置时,我没有注意到任何额外的效果,但我认为可能有一些我没有注意到,或者会在开发整个网站时获得的好处。
顺便说一句,感谢你出色的博客。
我主要使用自己的重置,但我刚刚尝试了 Blueprint 的 Typographic 文件,它真的让生活更轻松。
我以前从未听说过 css-reset…….
我决定使用 Eric Meyer 的 CSS 重置,它运行良好。
我以前使用硬重置,其中包含
body * {margin:0;padding:0}
但当你需要覆盖此样式时,最终需要再次引用
body
来更改你设置的内容, 你可能还注意到 CSS hacks 对级联有类似的影响我使用的是 Eric Meyer 的重置样式。 我起初有点怀疑,主要是因为我不太明白它的用处。 然而,我尝试了一下,我可以告诉你,它确实减少了生产时间……
我只重置需要重置的部分,所有这些 CSS 框架都有太多行或我根本没有用到的 CSS …… 这意味着更大的文件 …… 更长的加载时间。 :)
@Colin & Chris: Blueprint 框架使用 Meyer 的重置 …… 所以不需要在投票中添加它 ;-)
参见: http://meyerweb.com/eric/tools/css/reset/
你不会用最新的 Meyer 重置出错的。 ;)
我更喜欢使用 Meyer 的重置之一(他的重置页面: http://meyerweb.com/eric/tools/css/reset/)。 最好是最新版本,并进行一些小的调整。 有些元素我不会经常使用,或者由于 DTD 限制,比如:strike、var、center、samp、address 和 del。 虽然我看到了它们很多用途,但我没有像其他元素那样需要它们。
我自己的 reset.css 文件,我因此受到了批评。 尽管 ‘*’ 可能不是 “最佳实践”,但它始终有效。
http://davidwalsh.name/advanced-css-using-a-resetcss-file-to-gain-complete-control/
Eric Meyer 的原始重置。 我还没有更新到他的最新版本。
我仍然怀疑使用所有这些额外的代码来重置 CSS 重置……
我只在需要时进行重置。 由于我可能为大多数元素设置自己的属性,我经常发现重置没有用。
* 已被证明对一般的边距和填充重置非常有用,但我还想确保表格和图片得到处理。 根据项目,它会变得更加复杂 - 当然 Meyer 的重置是一个很棒的选择,但通常比我现在需要的多。
有趣的问题…… 我倾向于使用 Meyer 重置的变体,但也根据设计使用其他重置。 Perishable Press 有一个 很棒的流行 CSS 重置样式集合。 很多选择,包括 Meyer 重置。 干杯!
感谢你的链接 August! 我以前没有见过,我会在本周晚些时候的投票结果帖中提及它。
我有点菜鸟…… 能否解释一下重置到底是什么? 它是否会覆盖浏览器默认设置,否则会使样式设置很麻烦? 我不愿使用它,因为我对它的用途不太了解,我担心我可能错过了什么有益的东西。
我从 Meyer Reset 的精简版本开始。 通常我会删除或调整某些东西。
Chris,重置就是真正的重置(边框、填充等)。 用户代理——主要是浏览器,但不限于此——默认情况下设置了很多这样的属性。 重置就是摆脱这些默认设置,从头开始。 这对于保持数字文档在不同用户代理之间保持一致性至关重要。