推荐CSS框架

迈不过友情╰ 2022-05-15 03:39 167阅读 0赞

什么是框架？框架是一种你能够使用在你的web项目中概念上的结构。CSS框架一般是CSS文件的集合，包括基本风格的字体排版，表单样式，表格布局等等，比如：  
  
    \* typography.css 字体排版规则  
    \* grid.css 表格布局  
    \* layout.css 布局  
    \* form.css 表单  
    \* general.css CSS常规设置  
  
下面是一些不错的CSS框架，推荐。

[![Elements][]][Elements 1]

### [Elements CSS Frameworks][Elements 1] ###

Elements 是一个基础CSS框架，它用来帮助设计者书写CSS更加快捷简单。它不仅是一个框架，它拥有自己的工作流。它拥有你需要完成项目的各种元素，查看介绍：[Overview][] .

[![Elements][Elements 2]][Elements_Elements 2]

### [YUI Grids CSS ][Elements_Elements 2] ###

很不错的框架，基础的YUI Grids CSS提供4种页面宽度，6种边框模板，以及控制行列能力。4kb文件提供了超过1000个页面布局，点击这里查看更多： [Other features include:][Elements_Elements 2]

[![Elements][Elements 3]][Elements_Elements 3]

### [YAML CSS Framework ][Elements_Elements 3] ###

Dirk Jesse的能够对(X)HTML/CSS 框架扩展，支持复杂web项目。YAML基于web标准和支持各种流行浏览器，尤其支持所有IE版本包括从 5.x/Win 到 7.0.

[![Elements][Elements 4]][Elements_Elements 4]

### [Blueprint CSS][Elements_Elements 4] ###

Blueprint是一个CSS框架，它的目标是减少你的CSS开发时间。它提供给你强大的CSS基础来创建你的项目，包括易于使用的grid，有效的字体排版，以及可打印的stylesheet .

[![Elements][Elements 5]][Elements_Elements 5]

### [Schema Web Design Framework][Elements_Elements 5] ###

**Schema** 是一个展示层web框架，修饰重复的CSS和HTML代码，它提供基础的框架让你能够马上运行项目。

[![Elements][Elements 6]][Elements_Elements 6]

### [CleverCSS][Elements_Elements 6] ###

CleverCSS是一个小型修饰语言用于CSS，从Python得到灵感，采用通过简单和干净的结构方式。 它甚至比CSS2更强大.

[![Elements][Elements 7]][Elements_Elements 7]

### [Tripoli CSS Framework][Elements_Elements 7] ###

Tripoli 是一个一般的CSS标准用于HTML渲染，通过重置和重建浏览器标准。它非常坚固，支持跨浏览器渲染。

以下框架不详细说明，请点击链接查看详细内容。

[![Elements][Elements 8]][Elements_Elements 8]

### [ESWAT Web Project Framework][Elements_Elements 8] ###

[![Elements][Elements 9]][Elements_Elements 9]

### [Boilerplate CSS Framework][Elements_Elements 9] ###

[![WYMStyle][]][WYMStyle 1]

### [WYMstyle CSS Framework ][WYMStyle 1] ###

[![Elements][Elements 10]][Elements_Elements 10]

### [ESWAT Web Project Framework][Elements_Elements 10] ###

[![Elements][Elements 11]][Elements_Elements 11]

### [That Standards Guy CSS Framework][Elements_Elements 11] ###

[  
][Link 1]

[![Elements][Elements 12]][Elements_Elements 10]

### [That Standards Guy CSS Framework][Elements_Elements 10] ###

[![Elements][Elements 13]][Elements_Elements 13]

### [960 Grid System][Elements_Elements 13] ###

[![Elements][Elements 14]][Elements_Elements 14]

### [Emastic CSS Framework][Elements_Elements 14] ###

###     ###

[Elements]: /images/20220515/a376d67dd42c41479e21eaa93ee24bd0.png
[Elements 1]: http://elements.projectdesigns.org/
[Overview]: http://elements.projectdesigns.org/overview.html
[Elements 2]: http://hiddenpixels.com/wp-content/uploads/2008/08/css-framework4.gif
[Elements_Elements 2]: /images/20220515/d1618f7e526b44a8b8f460a6798d8e13.png
[Elements 3]: http://hiddenpixels.com/wp-content/uploads/2008/08/css-framework3.gif
[Elements_Elements 3]: /images/20220515/1ea2f52284884002b909040ae752c925.png
[Elements 4]: http://hiddenpixels.com/wp-content/uploads/2008/08/css-framework6.gif
[Elements_Elements 4]: http://code.google.com/p/blueprintcss/
[Elements 5]: http://hiddenpixels.com/wp-content/uploads/2008/08/css-framework7.gif
[Elements_Elements 5]: http://www.davidgoldingdesign.com/schema.html
[Elements 6]: http://hiddenpixels.com/wp-content/uploads/2008/08/css-framework8.gif
[Elements_Elements 6]: http://sandbox.pocoo.org/clevercss/
[Elements 7]: http://hiddenpixels.com/wp-content/uploads/2008/08/css-framework9.gif
[Elements_Elements 7]: /images/20220515/e3a90d9b84bb45388d2190e3ab315fcb.png
[Elements 8]: http://hiddenpixels.com/wp-content/uploads/2008/08/css-framework10.gif
[Elements_Elements 8]: /images/20220515/f0560f30d826403a84c0e4c573dddbfe.png
[Elements 9]: http://hiddenpixels.com/wp-content/uploads/2008/08/css-framework5.gif
[Elements_Elements 9]: http://code.google.com/p/css-boilerplate/
[WYMStyle]: /images/20220515/16f8c15e90204e4693a8f22d52026603.png
[WYMStyle 1]: http://www.wymstyle.org/en/
[Elements 10]: http://hiddenpixels.com/wp-content/uploads/2008/08/css-framework11.gif
[Elements_Elements 10]: http://www.contentwithstyle.co.uk/Articles/17/a-css-framework/
[Elements 11]: http://hiddenpixels.com/wp-content/uploads/2008/08/css-framework13.gif
[Elements_Elements 11]: http://code.google.com/p/logicss/
[Link 1]: http://logicss.googlecode.com/svn/trunk/tools/grid_builder.html
[Elements 12]: http://hiddenpixels.com/wp-content/uploads/2008/08/css-framework12.gif
[Elements 13]: http://hiddenpixels.com/wp-content/uploads/2008/08/css-framework14.gif
[Elements_Elements 13]: /images/20220515/d1bd18204b384d388c73b0863a0863d9.png
[Elements 14]: http://hiddenpixels.com/wp-content/uploads/2008/08/css-framework15.gif
[Elements_Elements 14]: http://code.google.com/p/emastic/