大部分时候,作为前端我们写CSS样式时候都会重置一些默认样式,就有了引入reset.css(早期),大部分都是没有仔细查看。
RESET.CSS发现
这是我今天在百度搜索第一的reset.css文件复制的代码,甚至我的项目大部分样式重置也是大多数这样(惭愧)。
1 | /* v2.0 | 20110126 |
我们引入的 reset.css文件的作用是为了不同浏览器再默认样式上的差别(特别是IE浏览器),但是现在浏览器在这方面的区别真的比较小了,可是看到有些RESET文件代码还是特别的多
RESET.CSS(存在的问题)
现在认真看这样的样式,发现很多问题总结两点
1.为了统一方便
例如块级元素根本没存在margin,padding
甚至一些项目都不怎么出现的标签都存在了
之前说过前端优化的,压缩代码,冗余代码这样徒增太多(积少成多)
2.甚至将一些标签存在的意义都去除
例如,h1~h6 标签的语义网页中的标题,如果去除了默认的加粗样式上跟p,span样式上没有区别个人感觉不妥当。
Normalize.css
发现这个样式重置比较规范,而且都有注解
Normalize.css使用样式重置
真正适合项目的,才是合适的这里并不是说一定要用Normalize.css文件,也不是说Normalize.css文件就一定比 reset.css文件 好。
只是相同条件下,可是Normalize.css 也并不是所有的样式重置我们真实项目就一定用到,那对于项目来说还是冗余代码。
适合项目团队的配置过合适的修改的才是最好的。