(CSS Frameworks) CSS框架相关的汇总

2016-02-19 13:37 9 1 收藏

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐(CSS Frameworks) CSS框架相关的汇总,赶紧看过来吧!

【 tulaoshi.com - Web开发 】

首先说说框架(Frameworks)这个词,框架就是为我们提供了一个平台一个运行环境,在如此统一的前提下我们做相关开发才能“有章可循”,要充分体会到“游击队”和“正规军”的区别以及“零散”和“系统”的利害关系。我们常见的有 Microsoft .NET Frameworks、J2EE Frameworks等软件开发框架等。对于Web而言,现在也流行起Frameworks框架概念,比如时下流行的AJAX框架。对于基于Web标准的CSS布局方案,也形成了一股CSS框架的潮流。

那么,我们为什么需要CSS框架。当我们越来越抛弃了表现和内容相混合的网页布局时,网页设计更沉重的负担就集中在CSS布局上了,其中对于各类CSS样式的命名、定义等就会让我们觉得任务的繁重。尤其是当完成了一个项目,进行另外一个项目时,CSS的定义不能重复使用,使得二次开发、三次开发的重复劳动加倍……或许这也就是很多使用了CSS布局一段时间的同学为什么要打退堂鼓的原因之一吧。

那么此时一套已经命名完整、布局套路完整的CSS框架就能解决我们的难题,提高我们的工作效率。所以,不管从哪里说,我们都不得不来面对CSS框架并了解一番。

现在,有人提出了大体上的CSS框架构思,参看这篇文章浅谈css框架开发发现其主要思想就是将CSS文件进行功能分类:比如一个CSS文件主要用来定义布局,一个CSS文件主要用来定义表单,还有的CSS样式文件各有用处……同时再将这些分散的CSS文件再分别组合为模块文件夹进行保存,方便调用。当然,CSS命名的规范等细节也应考虑在CSS框架其中。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

不过,也有人提出质疑,问题也很深刻,比如这篇文章(CSS Frameworks的概念)指出“CSS只是描述性语言”,所以现在的CSS框架不能称得上CSS Frameworks,或许只能叫成一个系统级解决方案才对。

不管如何,我们还是比较习惯称谓“CSS框架”、“CSS Frameworks”了,因为目前我们可见的就有这样几款“CSS 框架”提供大家使用。比如YAML、blueprintcss、Elements等。

下载使用并学习这些框架能让我们尽快的建立自己的框架提供意识基础和借鉴,同时也为我们的工作带来大大的效率。比如这篇文章(CSS框架带来的效率提升)提到的“一位北京的朋友A君,他有一个小的团体,主要是做欧美的外包项目。可以说做的站点很多都是大同小异。在看完前面的介绍后,他停下手头的工作花一天时间初步的建立了一套自己的框架。接下来的一周,他们完成了10个项目的工作。在以前,每周他们大概可以完成5~6个(每个项目的工作量基本相同)。200%的效率提升!?”

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

这确实是实实在在能体会到的,有了CSS框架做网页就如同老毛打仗有了好的指导方针、统战思想,效果那是杠杠的。

不过,CSS框架虽然是效果良好,但要达到如此良好的境界,仍需要解决很多问题。一篇CSS框架的利与弊道出了我们的优势:1、开发效率的提高。2、规范代码命名。3、更好的团队合作。4、解决浏览器的兼容性问题。5、一套完整的、结构清晰的结构代码。也带来了一些问题:1、团队每个人都需要完全的理解整套框架。2、会延续一些框架中的错误bug。3、限制开发思路。4、臃肿的源代码。5、框架的语义化……等等。

所以,CSS框架还是一个过程,在没有完全信任,没有绝对权威的情况下,我们只有走建设有个人特色的CSS框架之路了

来源:http://www.tulaoshi.com/n/20160219/1604796.html

延伸阅读
标签: Web开发
CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果。 CSS 在这方面的能力远远在 HTML 之上。 背景色 可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。 这条规则把元素的背景设置为灰色: p {background-color: gray;} 如果您希望背景色从元素中的文本向外少有延伸,只需增加一些内...
标签: Web开发
ul 标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。 同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选择符做的定义有效,是因为ID的权值要比CLASS大。 一个兼容性调整(IE和Mozilla)的笨办法: 初学可能会碰到这样一个情况:同样一个标签...
标签: Web开发
这几则CSS技巧都是从网络收集来的,作为老手就当作温故而知新,本文主要面对CSS新手朋友,有一些东西或许不是搞的很明白。而这十则CSS技巧能促进你的学习与编码技巧,更多的知识浏览CSS教程频道内容。希望大家能认真阅读。 一、CSS字体属性简写规则 一般用CSS设定字体属性方法: font-weight:bold; font-style:italic; ...
标签: Web开发
参与测试的浏览器 :IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 操作系统 :Windows 问这样的问题的人很多,我对此有比较深入的研究,但自己从来没有给出过完整的解答与分析,觉得有些对不住列祖列宗。 先请看demo: 运行代码框 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o...
标签: Web开发
在 CSS网页布局 开发中,会有很多小技巧,webjx.com相关的文章也有很多,但新手朋友往往对此很不熟悉。在某一两个小问题上,或许纠缠很长时间才能搞明白,虽然在的文档中,多次提及过这方面的内容,但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧,认真读一读,或许您并不能完全理解,您可以在进行搜索,扩展您所想要得到...

经验教程

943

收藏

19
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部