如何选择合适的CSS框架

html-css024

如何选择合适的CSS框架,第1张

首先要做的是确保你要使用的框架有确定、能够精确表现详细文档的形式。这一步至关重要,将决定你能否运用框架来达到它的设计初衷。

Next, you should analyze what problems the specified frameworks of your choice will solve. As you come across frameworks that you believe might “fit the bill” for the project(s) at hand, then it would be wise to compare each of them and elaborate on which framework addresses which concerns and satisfies your needs.

接下来,你应当分析应用某个框架可能会遇到的问题。当你手边拿到你认为可能适合你的项目的框架时,比较聪明的做法是把这些框架做一下对比,详细比较各个框架主要涉及的方面,哪个更适合你。

CSS Frameworks allow you to rapidly improve and speed up your development time when used correctly, and provide a powerful way to style our websites and applications with flexibility and effectiveness.

正确地运用CSS框架,可以迅速提高我们的开发速度,并为整个站点和应用的样式化提供一种强大、高效的而且富有弹性的工具。

简单地说,就是一些事先写好的css,你只需要给你的html元素加上一些特定的类,就可以快速的得到一些想要的效果。

Blueprint是比较早的,基于静态css的框架。但是现在有两个主要的动态css语言,LESS和SASS,给css提供了变量,mixin,运算符等功能,让写出模块化的css框架成为可能。

Bootstrap现在基本是欧美这里最流行的框架,基于LESS,最近升级2.0以后完全模块化,也不需要太多配置,很好用。这个框架对大部分元素的视觉细节都已经做得很完整,基本上你只需要写html,加几个class,就可以做出像模像样的页面了,做起prototype来嗷嗷快。不过这也是个缺点,因为用的人多了样式都长一个样... 当然,模块化的框架你要修改起来也是很方便的,基本上修改变量就可以了。

另一个比较流行的是基于SASS的Compass,这个框架包含了Blueprint作为其中的一个模块。需要注意的是这个框架和Ruby on Rails是高度整合的,用起来需要大量的命令行操作,比Bootstrap麻烦,但是在Rails开发人员里面用得比较多。