既然是framework, 那么其作用也和程序的framework一样，抽象出可以通用的模块，避免重复开发，统一风格，提高工作效率。如果你有10个网站，你的css是基于一个framework做的，那么维护起来会很方便，否则你会发觉这是个灾难。同样，这些抽象出来的模块对于程序员来说也是个好东西，可以让程序员轻松的在页面中加入css，比如专门用来排版的，专门定义form的css，你再也不用面对一堆杂乱无章的css代码，因为不知如何下手而头痛。

    首先介绍一下YUI中的css。Yahoo真是太棒了，不光提供javascript给我们用，还给我们准备了css。目前最新的版本(2.3.1)中包括4个css文件，分别是：

1. reset.css

这个css的作用是消除一些浏览器中默认的css样式的差异，让你的HTML Element能够在不同的浏览器上通用(across broswers)。比如统一h1的字体大小，移除img的边框等。

2.  base.css

在reset.css消除了差异性后，base.css提供了一个默认的能够跨浏览器的定义。

3. font.css

顾名思义，这个css是用来处理字体的显示的，你再也不用因为IE和FF的字体大小不一样而烦恼了。

4.  grid.css

这个css是用来处理页面布局的，比如让你方便的进行2栏排版或3栏排版的设置。

 接下来介绍另外一个比较热门的css framework -- blueprintcss

里面包含了form.css, grid.css, ie.css, reset.css, typography.css, print.css, screen.css。部分功能和yui差不多，我会在接下来的项目中用到blueprintcss，到时会另外撰文详细的介绍一下。

 相关资料

1.  blueprintcss -- http://code.google.com/p/blueprintcss/

2.  YUI(The Yahoo! User Interface Library) -- http://developer.yahoo.com/yui/