CSS框架通常指的是一些CSS文件的集合，这些文件包括网页的基本布局、表单样式、网格或简单结构、以及样式重置。例如，typography.css是基本排版规、grid.css是基于网格的布局、layout.css通常的布局，包括form.css for是表单样式等等，本文将介绍15个国外最流行的CSS框架，仅供参考。

　　虽然对于小的Web开发项目来说，CSS框架并不一定适用，但是对于规模较大的团队开发项目而言，CSS框架不仅能加快设计开发速度，而且还能有效解决网站改版中带来的诸多麻烦和问题。

　　1. Elements CSS Frameworks

　　Elements是一个实用的CSS框架。它是为了帮助设计师更快更高效的来写CSS而建立。Elements已经超越了仅仅作为一个框架，它有自己的项目工作流。它拥有你完成项目所需的所有东西，这也让你和你的浏览者感到愉悦。

　　下载地址：http://elements.projectdesigns.org/download.html

　　2 . YUI Grids CSS

　　YUI Grids基本的YUI网格CSS提供4种预设的页宽、6种预设模板和再分为2、3、4卷的区块的功能。 这个4KB的文件可提供超过1000中页面布局组合。

　　下载地址：http://developer.yahoo.com/yui/grids/

　　3 . YAML CSS Framework

　　Dirk Jesse的强大的(X)HTML/CSS框架为许多的简单或更复杂的网站项目提供完整的默认模板包。YAML基于网页标准并支持所有现代浏览器。所有的 InterNET Explorer的主要渲染漏洞都被解决。YAML 完全支持从5.x到7.0的所有的IE版本。

　　下载地址：http://www.yaml.de/en/download.html

　　4. Blueprint CSS

　　Blueprint是一个CSS框架，它的目的是减少你的CSS开发时间。它提供一个可靠的CSS基础去创建你的项目，BP由一个易用的网格、合理的布局和一个打印样式。

　　下载地址：http://code.google.com/p/blueprintcss/

　　5 . Schema Web Design Framework

　　Schema是一个为了提供在重复的设计任务中必须的CSS和HTML标签而设计的表现层的网页框架设计。 与为每一个新的网站项目从零开始创建HTMl/CSS不同，Schema提供必要的基础来开始并立马让你的设计跑起来。

　　下载地址：http://www.davidgoldingdesign.com/schema.html

　　6. CleverCSS

　　CleverCSS是一个用于CSS的受Python启发的小型的标记语言，它可用于以整洁的和结构化的方式创建一个样式表。在很多方面它都比CSS 2整洁和强大。与CSS最明显的区别是句法：它基于缩进而且不单调。虽然这显然违反了Python的规则，它依然是组织样式的很好的主意。

　　下载地址：http://sandbox.pocoo.org/clevercss/

　　7 . Tripoli CSS Framework

　　Tripoli是一个用于HTML表现的通用CSS规范。通过重设和重建浏览器标准，Tripoli为你的网站项目提供了一个标准的、跨浏览器表现的基础。

　　下载地址：http://devkick.com/lab/tripoli/

　　8 . ESWAT Web Project Framework

　　ESWAT正在重新整理。如果你是冲着我的网站框架来的，那么你就可以在这里下载。也许你也想看看我的其他项目gmachina、AppleSeed。

　　下载地址：http://eswat.ca/

　　9 . Boilerplate CSS Framework

　　作为BluePrint CSS的原作者之一，我决定把我的思想重新整理到一个赤裸裸的框架，它提供最基本的要素来开始任何项目。这个框架将是较小的而且力求不使用非语义的命名习惯。你就是设计者而且你的技术很重要。

　　下载地址：http://code.google.com/p/css-boilerplate/

　　10 . WYMstyle CSS Framework

　　WYMstyle是一组CSS文件，你可以很容易的组合这些文件来快速的创建你的网站的布局。通过提供可靠的、经过良好测试的CSS模块，WYMstyle力求让每个网站防止枯燥的跨浏览器兼容性测试。

　　下载地址：http://www.wymstyle.org/en/

　　11 . Content with Style Framework

　　Content with Style下一个逻辑步骤就是将这个扩展为CSS框架，允许使用写好并通过测试的组件来快速开发网站。实际上所需的是搞定一套命名习惯和一个灵活的基本模板。

　　下载地址：http://www.contentwithstyle.co.uk/content/a-css-framework

　　12 . Logicss Framework

　　Logicss框架是用来减少开发符合Web标准的XHTML布局的时间的一个由CSS文件和php程序组成的集合。通常跨浏览器表现行为(不是Meyer的reset文件或是用“*”)，排版支持文本字体大小调整(使用EMs) 和垂直居中，符合可定义的灵活的布局网格利用CSS代码生成工具。

　　下载地址：http://code.google.com/p/logicss/

　　13 . That Standards Guy CSS Framework

　　That Standards Guy只能调用单个样式文件，主样式需要取得CSS认证(WCAG 1.0)； 跨浏览器兼容性—包括InterNET Explorer (IE) 5.x for Mac； IE Hacks使用独立文件；快速创建模板；框架中提供少量注释/实例演示，可以节省时间来理解。

　　下载地址：http://www.thatstandardsguy.co.uk/blog/2006/11/my-css-framework/

　　14. 960 Grid System

　　960 Grid System是一个通过提供通常使用的尺寸简化网站开发流程的努力的结果，基于960像素的页面宽度。它有两种类型，12和16列，他们可以独立使用或是协同使用。

　　下载地址：http://960.gs/

　　15. Emastic CSS Framework

　　Emastic是一个CSS框架，它有连续的任务：探索陌生的新世界，寻找新生活和新的网站空间，大胆的去CSS框架尚未到达的领域。它是轻量的、在页面宽度上比较人性化，在网格中使用固定和不固定的列宽。 Elastic用“em”布局。

　　下载地址：http://code.google.com/p/emastic/

it知识库：15个国外最流行的CSS框架（附下载），转载需保留来源！

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。