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 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
上一篇: CSS教程:legend标签设定宽度下一篇: 通过W3C XHTML1.0标准验证的经验
关于CSS framework日常开发的经验总结的所有评论