css reset请不要重置内容样式

时间:2012-04-04 16:43:45

标签: css css-reset

我正在使用meyerweb css reset。它工作正常,但它会重置所有默认样式,即主体和模板结构(<body>,侧边栏等...)或主要内容(文章)

这是一个大问题!因为我在编辑器(TinyMCE)中设置了我的文本样式,但在主页面上,它丢失了所有样式,例如strongitalic或(un)有序列表

我该如何解决?我是否可以说浏览器重置所有内容,期望<table><div>中包含特定类或ID的标记(例如#content)?

感谢。

3 个答案:

答案 0 :(得分:5)

您遇到了使用重置工作表的一个缺点,因为他们重置了所有内容。

您可能需要考虑使用完全重置的替代方法,例如normalize.css。这背后的想法是,不是让所有的浏览器都从一个干净的平板开始,而是将它们全部放到相同的基线上。来自网站:

  

它做了什么?

     
      
  • 与许多CSS重置不同,保留有用的默认值。
  •   
  • 规范化各种HTML元素的样式。
  •   
  • 纠正错误和常见的浏览器不一致。
  •   
  • 通过微妙的改进提高可用性。
  •   
  • 使用详细注释说明代码的作用。
  •   

这可能(或可能不)比Meyer重置更好。

答案 1 :(得分:0)

在我看来,最好的方法是在重置后重新定义样式,而不是从重置中删除它们。虽然您不应该看到上面定义的元素有任何问题,但删除诸如ul和li定义之类的内容可能会导致跨浏览器的行为非常不一致。重置后重新定义这些元素将确保浏览器的一致性。

答案 2 :(得分:0)

使用http://CSSesta.tk

[受YUI影响,Eric Meyer&amp; Boilerplate但它不会与任何典型的造型方面相互影响]

它有6个选项被注释掉了。 (你只需要修改至少选择3)你可以在必要时改变其他人,剩下的应该是按照预期的(一般情况下),除非你正在建立一个变成汽车的网站。 (强制垂直滚动,行高,字体大小等等由你自行决定)

CSSesta中的HTML5元素“目前”比Eric Meyers&amp;可能会成为最常维护的重置表,我知道这是因为我将更新它。

(尝试一下,如果你遇到任何问题请告诉我,我会看看你的默认问题并在两者之间见面)