前端开发是一项非常繁琐的工作，你不仅需要拥有和别人不一样的审美观和设计观，而且需要了解诸如html、css、javascript等错综复杂的技术，因此选择一些优秀的css框架或许可以帮助你大大提高工作效率。本文向你推荐了9个还不错的css框架，希望对你有所帮助。
1、twitter开源杰作 – bootstrap bootstrap是一款由twitter推出的开源css框架，它的核心是由一系列用于web前端开发的工具包组成。bootstrap基于html、css和javascript，是一款非常适合敏捷web开发的css框架，bootstrap同时也是github上最热门的开源项目之一。
bootstrap的特点
强大的开发团队。bootstrap由twitter的设计师mark otto和jacob thornton合作开发，bootstrap开发团队也是国际上公认最优秀的前端开发团队之一。 极简的框架。bootstrap的设计非常简单，这就意味着，无论你是高级的前端设计师，还是普通的程序员，都能够很快地掌握bootstrap的开发流程和开发方式。 跨设备、跨浏览器最初设想的bootstrap只支持现代浏览器，不过新版本已经能支持所有主流浏览器，甚至包括ie7。从bootstrap 2开始，提供对平板和智能手机的支持。 完美的响应式设计。bootstrap支持响应式布局，可以智能识别客户端浏览器的类型，从而构造适应当前设备前端布局，这一切都是全自动的。 支持html5和css3。bootstrap支持所有的html5标签和css3属性。 使用less构建动态样式。当传统的枯燥css写法止步不前时，less技术横空出世。less使用变量、嵌套、操作、混合编码，帮助用户花费很小的时间成本，编写更快、更灵活的css。
在线预览
2、扁平化ui开发包 – flat ui flat ui是一款基于bootstrap的扁平化前端ui工具包，flat ui的组件外观设计非常清新和漂亮，flat ui的组件包含按钮，输入框，组合按钮，复选框，单选按钮，标签，菜单，进度条和滑块等精美的元素。
flat ui的特点
包含很多基本的用户界面，同时也可以灵活创建更多自定义的ui界面组件 包含丰富的矢量图标和符号 自定义调色板 基于html / css、javascript的布局
在线预览
3、语义化前端开发框架 – semantic ui semantic ui 是一款语义化的前端开发框架，semantic是围绕自然交流语言而架构的，这使得开发更加直观（易于理解）。跟bootstrap不同，semantic在功能特性上、布局设计上、用户体验上更贴近自然语言。
semantic ui的特点
文档和演示非常完善 易于学习和使用 配备网格布局 支持 sass 和 less 动态样式语言 有一些非常实用的附加配置，例如inverted类。 对于社区贡献来说是比较开放的。 有一个非常好的按钮实现，情态动词，和进度条。 在许多功能上使用图标字体。
在线预览
4、metro风格的css框架 – bootmetro 和flat ui一样，bootmetro同样也是一款基于bootstrap的css框架，bootmetro的最大特点在于它是一款win 8 metro风格的css框架。metro风格的优势在于界面简洁平滑，ui元素简单，加载速度快，并且有不错的视觉效果。
bootmetro的特点
基于强大的twitter bootstrap，框架的灵感源于metro ui css 让用户更专注于网站的内容，因为metro风格可以更加突出网页的主要内容。 完全免费，和bootstrap一样，bootmetro的使用也是非常简单。
在线预览
5、雅虎开源杰作 – pure pure也是一款很出色的css框架，之前分享的bootstrap是由twitter出品的，而pure是来自雅虎的。尽管从ui界面效果上来说，pure没有bootstrap那样精美，但pure是纯css实现的，因此非常小巧，整个框架压缩后只有5.7k左右。
pure的特点
最大的特点就是框架基于纯css，无任何javascript代码，渲染速度比较快。 由yahoo出品，技术上应该不存在太大问题。 框架十分小巧，压缩后仅5.7k。 组件也很丰富，包括表格、表单、按钮、表、导航等。 css类的标识十分简单，因此在使用pure的过程中代码会比较友好。 在线预览
6、win 8 metro风格的css框架 – metro ui css metro ui css 是一款win 8 metro风格的css框架，同时，之前介绍过的那款bootmetro也是基于metro ui css的，我们可以利用metro ui css构建很棒的metro风格应用。
metro ui css 的特点
win 8 metro风格，界面清爽平滑 学习非常简单 源代码很小巧 基于mit开源协议
在线预览
7、免费的bootstrap主题包 – bootswatch bootswatch 是一款基于 bootstrap 的免费主题包，其中包含了丰富的 bootstrap 主题，你可以下载安装这些主题的 css 文件，实现各种各样漂亮的 bootstrap 主题风格。
bootswatch 的特点
安装非常方便。只需要下载对应主题的css文件，替换原来的文件即可，无需安装二进制文件。 完全开源。基于mit开源协议，你也可以前往bootswatch的开源社区进行问题讨论。 模块化。可以更加灵活地控制和改变样式。 插件化。已经为各个平台提供了api，如果你在使用bootsnap，那么就更加方便了。 持续更新中。更新和维护是一款优秀开源软件的标志。
在线预览
8、集成在jquery ui上的bootstrap – jquery ui bootstrap jquery ui bootstrap是一个将jquery ui集成到bootstrap上的css框架，jquery ui bootstrap不仅可以利用jquery ui强大的控件库，同时还可以享受bootstrap那种清新自然的主题风格，所以越来越多的前端开发者都在使用jquery ui bootstrap。
jquery ui bootstrap的特点
基于jquery ui，因此控件功能非常强大，可以使用全部的jquery ui控件。 基于bootstrap，不同控件有了统一的外观。 免费开源，你可以很方便地下载和使用。
在线预览
9、轻量级css布局排版框架 – ez-css ez-css是一款轻量级的css布局排版框架，ez-css和其他的css框架有很大的不同，因为它很小，才1kb。而且ez-css的扩展性很强，对浏览器兼容性较为友好，利用ez-css，你可以快速的实现较为复杂的网页布局排版。
ez-css的特点
最大的特点就是框架很小，才1k，因此可以将其集成到任何相应的样式表中。 简化排版，原先需要很复杂的css代码才实现的排版布局，ez-css可以分分钟搞定。 轻松实现多列布局，并且可以指定任意的宽度。
在线预览
本文固定链接: http://www.i7758.com/archives/2309.html