快速业务通道

CSS framework日常开发的经验总结

作者 佚名技术 来源 CSS技术 浏览 发布时间 2012-03-04
表单修饰 form.css 
  定义fieldset、label、button、input 、select、textarea这几个标签的表现。 
  大多数网站的表单、按钮、输入框几乎都是一样的。之所以引入这个css,是为了便于统一在各个浏览器中的展现。默认的按钮、输入框等在各个浏览器下的展现区别很大,虽然在格式化的css中已经初步的统一,但是输入框的边框,按钮的样式都是需要在这个css中定义的。无奈的是select无法做到统一,如果考虑到用js实现的话,这个成本太大了点。 
  6、打印修饰 print.css 
 修饰打印输出的页面。 
  7、包含其他css的css 
  frontpage.css、list.css、detail.css、register.css等等 
  根据各种引用去引入相应的css。譬如list页面中没有需要表格的修饰,那就不引入table.css。以节约代码量。 

三、css框架文件夹的建立 

  1、core 主要的 
  存放reset.css、layout.css、type.css、print.css 
  2、bud 模块 
  存放table.css、form.css、album.css等css 
  3、petal 具体应用 
  存放封装过的css。frontpage.css、llist.css、detail.css、register.css等css。这个文件夹存放的css都是被直接引用的。 
  文件夹的命名,按个人喜好啦! 我还希望用电子、质子等命名呢。嘿嘿! 

四、css框架的优点 

  1、提高开发效率。 
  2、规范名称定义,便于维护。 
  3、规范项目开发流程 
  4、css代码更清晰、简单。html代码更合理。 

五、css框架的弊端 

  1、学习成本提高。你需要了解整个框架,需要阅读框架的文档。 
  2、css框架对于一个小项目等页面来说很臃肿。框架中可能有大部分你用不到的代码。 
  3、可能会无法帮助你的技术提高。太依赖框架,以至于很难排除bug。包括框架中本身就带的bug。 
  4、选择自己需要的框架与开发框架都很痛苦。写到后面发现越来越不灵活,越来越臃肿。残念 -_- 

六、开发及使用css框架中常遇到的问题

  1、页面外部引用样式过多。 
  譬如关于ul的margin定义,在格式化的css中会声明为0,而在基本样式的css中又可能会声明margin:5px 10px; 
  所以在Yslow中会出现多次定义。 
  2、组件复用性的考量。 
  譬如表单定义的css中定义了所有表单的修饰,而假定在注册这个页面中只是需要这个css的百分之

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号