首页 > 在一个非常很简单的页面中有没有使用normalize.css的必要

在一个非常很简单的页面中有没有使用normalize.css的必要

在一个非常很简单的页面中有没有使用normalize.css的必要??我看了下者样式重置表有几kb,但是,如果我的页面很简单,写完就几kb,那还有使用normalize.css的必要吗?还是就使用*{margin:0;padding:0};


用与不用,和页面是否简单,没有什么关系。

normalize.css 它不仅仅是对页面样式进行简单的重写,它还有一个非常重要的作用就是:最大程度上保证页面元素的样式在所有浏览器中保持一致。

Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing. 出处

下面摘自知问网友的说法:

Normalize 相对「平和」,注重通用的方案,重置掉该重置的样式,保留有用的 user agent 样式,同时进行一些 bug 的修复,这点是 reset 所缺乏的。出处

综上:用于不用 normalize.css,不在于页面是否简单。如果你觉得自己直接用 *{margin:0px;padding:0;} 没有问题的话,那就用吧。当然自己写未必能够保证所有元素(比如form等)在大多数浏览器保持一致,所以此时你就可以用 normalize.css。

还有 normalize.css 压缩一下,大小2K不到,没有那么夸张。

补充一个:normalize.css 不同于 reset.css,具体你可以看看下面这个问答。
Normalize.css 与传统的 CSS Reset 有哪些区别?


不建议使用* {margin:0; padding:0},原因有两个:
1. 用*会导致浏览器渲染引擎在渲染时遍历整个DOM树,渲染性能降低
2. margin和padding的设置并不适合所有的标签,使用之后往往需要对一些标签样式进行覆盖

建议根据页面需要整理出一个reset.css出来。比如CSS Tools: Reset CSS

【热门文章】
【热门文章】