如何提高css编写速度
2013-01-14 22:37
148 查看
如何提高css编写速度
一、前言如果你也想提高编写css的速度,那么这篇文章或许能帮到你!
二、界面
先看一个试例界面:
界面中包含3个div块(如图中红色框中所示),并且这些div有着奇怪的class属性,实事上我并没有给div写过一行css代码,但它们确实拥有了宽、高、底色等css属性!
三、原理
在上面的示例中,引用了一个js脚本:zl.js,在这个脚本中我编写了类似:
?
可以想象,如果匹配关系足够的多,那么需要编写的真正css就足够的少!
四、页面大时解析速度
当然,如果这么做,会严重影响页面的解析速度,实际上我并没有在发布的产品中引用zl.js这一脚本,而是将脚本生成的css拷贝到该页面中使用!
当然,团队开发不建议使用,欢迎拍砖!
相关文章推荐
- 如何提高ACM竞赛编写代码的速度
- 如何提高编写代码的速度(转自祝你好运)
- 【转】如何提高ACM竞赛编写代码的速度
- 如何提高ACM竞赛编写代码的速度
- 如何提高编写代码的速度
- 转:如何提高ACM竞赛编写代码的速度
- 如何提高SQL查询速度
- 如何提高PHP速度第1/3页
- 【php】如何提高网站的加载速度?
- 提高代码质量:如何编写函数
- 使用 Emmet 提高编写 CSS 的效率
- 如何提高证件录入速度,证件识别技术带来亮点
- dedecms如何提高网页打开速度
- 数据库查询优化方案(处理上百万级记录如何提高处理查询速度)
- 如何提高自己的阅读速度
- 如何建立索引,提高查询速度
- Nginx如何启用ETag,提高访问速度
- 提高网页加载速度,div+css布局最精简代码建议
- 提高页面相应速度之压缩优化js和css文件
- 如何编写轻量级微信房卡斗牛棋牌平台出售 CSS 框架