css重置的时候是全部去除默认样式还是部分保留?

css重置的时候是全部去除默认样式还是部分保留?
如何取舍

阅读 4.7k
3 个回答

做过一段时间的重构,曾今也越到过这样的问题,这个问题的解决方案是根据团队的建设水平有关的、假如你的团队有很多牛人,都css非常熟悉,对每个样式的作用如数家珍,那么你可以以标准浏览器为基准,将那些不符合基准的重写。github上也有这样的项目:https://github.com/necolas/normalize.css,【张鑫旭曾今也探讨过这个问题,他主张是这种方法,但是人家牛逼。】

如果你的团队水平一般,那就老老实实重置所有的样式,这种方式是一站式解决了将来可能遇到的坑。所有样式重置也便于以后快速找出问题。样式重置也有很多开源的项目,你去google搜索css reset能找到很多相关的内容,这是我收集的重置,https://github.com/hehongwei44/globalStyle/blob/master/global.css

我更倾向于保留有用的默认样式之余, 重置一部分常用标签.

blockquote
dl
dd
h1
h2
h3
h4
h5
h6
figure
p
pre
  margin: 0

ol
ul
  margin: 0
  list-style: none
  padding: 0

h1
h2
h3
h4
  font-weight: normal

img
  vertical-align: middle

normalize + 以上重置, 虽然看起来较短, 但已完全够用.
这是实践很久才总结出来的.

推荐问题
宣传栏