css组件化

最近在考虑一个东西,就是CSS的组件化,由于css的递进选择器的关系,我们可以将一些常见的模块分离出来,到使用的时候,直接将模块HTML复制过来,加上相应的class,就可以显示出来了,我决定做一些相应的东西出来,放到ppz里面,而且还有一些插件性质的东西,我们也可以做出来,比如:纯代码实现的投影效果,纯CSS的圆角框啦,IE6支持png半透明啦,这些常用的效果。

模块化的css这一理念在大型的网站建设中应该是规则,如:阿里,写页面的时候,写好了HTML,然后按需加上class,这样就有了效果,但是作为一个框架做出来,还是好像没有的,前段时间看到了面向对象的CSS,也没有仔细去学习。

这是之前写的文章,关于里面提到的组件,已经作好了一些box,等有时间的时候上传上来,下面是效果图

这些效果支持IE6+等主流浏览器,自适应大小,当然最宽不超过950px,稍微修改一下图片或者是边框的颜色就可以应用于项目中,还没有放到PPZ框架里面。

原文地址:https://www.cnblogs.com/strawer/p/1892714.html