大部分的网页设计者应该听说过”CSS框架”，而且我相信你们其中的一些人以前都使用过了。

就像其它的程序和脚本语言一样，CSS也有一些重复的代码，这些代码可以打包来减轻我们每日的工作。

使用正确的话，CSS框架可以缩短开发时间。但是另外一方面，如果你为你的项目选择了错误的框架，它可能会使你花费更多的时间。

你可以通过Google搜索到很多的开源CSS框架。今天，我会推荐10个有前途的、值得一看的CSS框架。

1. Blueprint: A CSS Framework

Blueprint包含的CSS重新设定功能，可以消除不同浏览器之间的差别。还有许多额外的工具和模板帮助你的网页开发。

blueprint.png

2. 960 Grid System

另外一个非常棒的值得一看的CSS框架。可下载的模板可用于Fireworks, Photoshops, Inkscape等。因此你可以立即开始设计你的网页模板，带有说明的PSD文件可以为设计者节省不少的时间。

960 grid system.png

3. Tripoli Framework

Tripoli经过测试支持目前所有的浏览器，包括IE5！它附带一些基本文件和一些插件，比如”布局”、”视图”、”类型”以及”否定”。

4. YAML – Yet Another Multicolumn Layout

YAML是另外一个非常好的CSS框架，它有着非常好的文档。你可以从它的网站上下载PDF文档和样板，很容易的开始你的第一步。还有一些工具可以帮助你的开发工作。比如，YAML Builder可以虚拟的创建以YAML为基础的CSS布局。

5. YUI Grid CSS

YUI Grids CSS不仅支持固定宽度布局，还支持流式布局。这是YUI Grids CSS优于其它CSS框架之处，要使用YUI Grids CSS，你可以从它的网站下载cheat sheet和YUI Grids Builder开始。

6. BlueTrip

BlueTrip综合了不同CSS框架的优势，而且功能强大，还很漂亮。它的网站上有完整的文档和示例。

7. Content With Style

这是一个固定宽度布局，zip文件中包含了几种布局，比如，一个内容栏和一个垂直的导航栏、两个内容栏和一个垂直的导航栏等等。

8. Elastic CSS Framework

Elastic提供了说明文字来定义布局结构和行为。这是一个新网站，最好的Elastic应用示例就是它的官方网站。

9. Molio CSS/HTML Templates

Molio是从发现IE7存在几个渲染问题的时候出现的，它是网站布局的开始，非常适合刚刚开始学习CSS框架的菜鸟。

10. SenCSS

SenCSS不包括布局系统，但是它却提供另外一些东西，比如，基线、字体、内边距、外边距等等，它还有一个评估版本和一个迷你版本，适合不同的产品用途。

还有其它一些CSS框架你也可以考虑：

  1. CSS-boilerplate
  2. Typogridphy
  3. CleverCSS
  4. Logicss

结论：

选择一个合适的CSS框架是非常重要的一步，我经常使用BluePrint和960框架。现在我开始将两者的优势结合起来，创建出一个适合我的框架。那么你呢，我亲爱的读者？

原文：10 Promising CSS Framework That Worth A Look

分享到：