Web设计人员和开发人员可用的最佳工具之一是CSS框架，它提供高端解决方案以满足高端Web开发需求。CSS框架简化了编码结构，减少了编码时间，给开发者带来了网页设计的便利。这里有30个最具收藏价值的CSS框架。1.BlueTrip(URL:http://bluetrip.org/)BlueTrip是集成了BluePrint&Tripoli框架的现成部分；Hartija的印刷风格；960.gs的简单性；元素图标的css框架。为您提供一系列有用的样式和制作网站的一般方法。这样您就可以专注于设计。2.ElasticCSS(URL:http://elasticss.com/)Elastic是一个用于布局网页的简单CSS框架。Elastic实现了多种常见的网页布局。3.bootstrap（网址：http://getbootstrap.com/）Bootstrap是Twitter推出的一款开源的前端开发工具包。它由Twitter设计师MarkOtto和JacobThornton开发，是一个CSS/HTML框架。目前，Bootstrap的最新版本是3.0。Bootstrap中文网致力于为国内开发者提供详细的中文文档、代码示例等，帮助开发者掌握和使用该框架。4.960gs(URL:http://960.gs/)960像素的页面宽度似乎已经成为一种设计标准，在当前各种分辨率下都能很好的显示网页内容。提供更多常用尺寸，简化网页设计流程，让工作变得简单高效。5、YUI2：GridsCSS（网址：http://developer.yahoo.com/yui/grids/）6、蓝图（网址：http://www.blueprintcss.org/）7、快剪css（网址：http：//kuaiqie.qietu.com/)取自《Quickcss》，是切图公司发布的开源中文HTML5/CSS3框架，支持跨平台手机浏览器兼容，兼容ie6、ie7、ie8、firefox、chrome浏览器及iphone、ipad和其他移动设备。8.Tripoli(URL:http://devkick.com/lab/tripoli/)Tripoli是一个通用的HTML表示的css规范。通过重置和重建浏览器标准，Tripoli为您的网站项目提供了一个标准的、跨浏览器的性能基础。9.CleverCSS（网址：http://sandbox.pocoo.org/clevercss/）10.SenCSS（网址：http://sencss.kilianvalkhof.com/）11.Emastic（网址：http://code.google。com/p/emastic/)Emastic是一个有着持续使命的CSS框架：探索陌生的新世界，寻找新的生活和新的网站空间，大胆地去CSS框架未涉足的领域。它重量轻，页面宽度用户友好，并在网格中使用固定和可变的列宽。Elastic使用“em”布局。12.Typogridphy(URL:http://csswizardry.com/typogridphy/)Typogridphy是一个适用于网格布局的CSS框架，用于帮助网页设计师和前端开发人员快速编码实现漂亮的网格布局。它允许您轻松简单地快速创建各种网格布局。本框架的CSS完全符合语义验证、严格的Xhtml等标准。13.LessFramework3(URL:http://lessframework.com/)是一个基于less.js的CSS框架，充分利用了less.js的混入、变量、嵌套等高级功能。14.Elements（网址：http://elements.projectdesigns.org/）是一个非常轻量级的css框架。从它的代码组织结构来看，作者显然希望真正的项目能够完全部署在它的css框架中。15.Boilerplate(URL:http://code.google.com/p/css-boilerplate/)HTML/CSS/JS的预置模板，可以帮助你搭建一个HTML5-CSS3，跨浏览器的网站。#p#16.Malo（URL：http://code.google.com/p/malo/）超小、灵活、易于使用、宽度可变的个性化页面。17.The1kbCSSGrid(URL:http://www.1kbgrid.com/)如果你只是需要一个轻量级的CSS网格系统来构建你的网站主框架，那么你可以试试1KbCSSGrid。1KBCSSGrid网站提供了自定义CSS网格的生成器，您可以直接下载自定义的CSS网格。18.FluidGridSystem(URL:http://fluid.newgoldleaf.com/)网站的导航菜单文字不能提供足够的信息来表达当前菜单按钮的内容。一般的解决方案是使用提示信息ToolTip，那么流畅的导航Menus也可以解决这个问题，同时也可以在网站设计中加入一些时尚动感的元素。19、米切css（网址：http://miqie.qietu.com/）米切（Mobile-Internet.css）源自《移动互联网CSS》，是一个html5/css3框架，是其发起者和引领者国产移动前端框架。基于它可以快速构建NativeApp等webapp应用，支持跨平台手机浏览器兼容。兼容iphone、ipad等移动设备。20.WYMstyle(URL:http://sourceforge.net/projects/wymstyle/)WYMstyle是一组CSS文件，你可以很容易地组合这些文件来快速创建你网站的布局。通过提供可靠的、经过良好测试的CSS模块，WYMstyle努力使每个网站都免受繁琐的跨浏览器兼容性测试。21.GoldenGrid（网址：http://code.google.com/p/the-golden-grid/）是vladocar开发的一个比较新的CSS框架，可以为现代网站设计提供新的布局参考。它非常小，因此易于学习和使用。一些处理布局的方法值得借鉴。如果你了解960网格系统，那么这个框架你会更容易上手。22.YetAnotherMulticolumnLayout(YAML)（URL：http://www.yaml.de/en/）23.Compass（URL：http://compass-style.org/）24.SchemaWebDesignFramework（URL：http://sourceforge.net/projects/schema/)Schema是一个Web框架，旨在提供重复设计任务所需的CSS和HTML标记的表示层。Schema不是为每个新网站项目从头开始创建HTML/CSS，而是提供必要的基础，让您的设计立即启动并运行。25.Sparkl(URL:http://webscripts.softpedia.com/script/Development-Scripts-js/HTML-Tools/Sparkl-61913.html)是一个非常成熟的系统，它小巧灵活，简单易学并使用。26.ThejQueryUICSSFramework(URL:http://docs.jquery.com/UI/Theming/API#The_jQuery_UI_CSS_Framework)28.EZ-CSS(URL:http://www.ez-css.org/)EZ-CSS是一个轻量级、浏览器友好且易于使用的CSS框架。用于创建CSS+Div页面的复杂布局（layouts）。29.ContentwithStyle(URL:http://www.contentwithstyle.co.uk/content/a-css-framework)ContentwithStyle的下一个合乎逻辑的步骤是将其扩展到CSS框架，允许使用编写良好且经过测试的快速开发网站的组件。真正需要的只是一组命名约定和一个灵活的基本模板。30、Easy（网址：http://easyframework.com/）市面上流行的JQUERY组件功能都包含在它的框架中。无需学习复杂的AJAXJQuery语法，直接使用本框架即可，非常方便。
