CSS框架 ui 有哪些

html-css040

CSS框架 ui 有哪些,第1张

精致的 CSS UI 框架:

1、Bootstrap – 最流行的Web前端UI框架

2、jQuery UI - 基于jQuery的开源Javascript框架

3、jQuery UI Bootstrap

4、BootMetro - Metro风格的CSS框架

5、Flat UI - 扁平风格 UI 工具包

6、网易CSS框架 NEC

7、Alloy UI – 功能强大的CSS UI框架

8、Cardinal – 移动端的CSS UI框架

9、快速开发CSS的框架 CSScaffold

10、后台UI开发框架 MuseUI

简单地说,就是一些事先写好的css,你只需要给你的html元素加上一些特定的类,就可以快速的得到一些想要的效果。

Blueprint是比较早的,基于静态css的框架。但是现在有两个主要的动态css语言,LESS和SASS,给css提供了变量,mixin,运算符等功能,让写出模块化的css框架成为可能。

Bootstrap现在基本是欧美这里最流行的框架,基于LESS,最近升级2.0以后完全模块化,也不需要太多配置,很好用。这个框架对大部分元素的视觉细节都已经做得很完整,基本上你只需要写html,加几个class,就可以做出像模像样的页面了,做起prototype来嗷嗷快。不过这也是个缺点,因为用的人多了样式都长一个样... 当然,模块化的框架你要修改起来也是很方便的,基本上修改变量就可以了。

另一个比较流行的是基于SASS的Compass,这个框架包含了Blueprint作为其中的一个模块。需要注意的是这个框架和Ruby on Rails是高度整合的,用起来需要大量的命令行操作,比Bootstrap麻烦,但是在Rails开发人员里面用得比较多。

bootstrap框架不仅包含了众多css样式,还包括了jquery的各种插件,有验证,轮播等;

除了它,比较出名的css框架还有:

(1)Semantic UI—完全语义化的前端界面开发框架

(2)Flat UI是一套精美的扁平风格 UI 工具包,基于 Twitter Bootstrap 实现

(3)Elastic 是一个简单的 CSS 框架用来对网页进行布局

(4)BootMetro 基于 Twitter Bootstrap 框架构建,用于创建 Windows 8 的 Metro 风格的网站,灵感来自于 Metro UI CSS

(5)zui框架,国产禅道项目;

(6)Pure 是来自雅虎的 CSS 框架,使用 Normalize.CSS 无需任何 JavaScript 代码。