H-ui框架学习笔记

最近学姐推荐了一个前段框架h-ui，在bootstrap基础上封装的：http://www.h-ui.net/Hui-overview.shtml。以下是学习笔记：

经常见有人把这一块写成

<script>DD_belatedPNG.fix('*');</script>

或者

<script>DD_belatedPNG.fix('div,p,h1,h2……');</script>

注意：不建议使用*通配符或者”div,p,li……”等标签的形式，比较消耗系统资源。

采用大量图片的作为UI的网站设计风格已经过时了，真正优雅的网站用到的图片并不多，在加上现在流行扁平化的设计风格，一个整站用到png 半透明的地方屈指可数，所以只需要在用到png半透明的css类名后面补个pngfix就可以了。或者我们可以采用css Sprites 业界称精灵图，将全站的图片合并到一张图上，统一写到.icon样式中。

H-ui.reset.css

就是我们常用的CSS Reset，许多大网站的CSS文件中也含有CSS Reset内容。

作用：把浏览器提供的默认样式覆盖掉。因为浏览器的默认样式往往会给我们带来麻烦，影响开发效率。所以解决的方法就是一开始就将浏览 器的默认样式全部去掉，更准确说就是通过重新定义标签样式。

H-ui.reset在传统的css reset基础上做了调整改进，增加了常用的.clearfix样式（简写.cl），增加了HTML5 的reset。

后面我们的框架，扩展，案例中都会首先引用到H-ui.reset.css文件，或者引用里面的代码。

注意： 如果你直接调用了H-ui.css文件就不要调用H-ui.reset.css文件，避免代码重复。