精选15个国外CSS框架

此情可待成追忆

框架就是一个你可以用于你的网站项目的基本的概念上的结构体。 css框架通常只是一些css文件的集合，这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如：

typography.css 基本排版规则
grid.css 基于网格的布局
layout.css 通常的布局
form.css for 表单样式
general.css 更多通用规则
您还可以参考以下前端开发/CSS相关资源:

《推荐12款可用于前端开发的免费文本编辑器》
《Web前端开发必备手册下载》
《推荐20个让你学习并精通CSS的网站》
《300+Jquery, CSS, MooTools 和 JS的导航菜单资源》
下面一起来了解一下各种不同的CSS框架吧:
1.960 Grid System

                               
登录/注册后可看大图

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

2.WYMstyle CSS Framework

                               
登录/注册后可看大图

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

                               
登录/注册后可看大图

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

                               
登录/注册后可看大图

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

有国外作者曾指出YUI Grids CSS中最值得学习的网格布局CSS写法:
负Margin技术
使用度量单位em
清除布局的浮动
5.Logicss Framework

                               
登录/注册后可看大图

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

6.CleverCSS

                               
登录/注册后可看大图

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

7.Elements CSS Frameworks

                               
登录/注册后可看大图

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

                               
登录/注册后可看大图

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

9.Schema Web Design Framework

                               
登录/注册后可看大图

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

10.Emastic CSS Framework

                               
登录/注册后可看大图

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

11.That Standards Guy CSS Framework

                               
登录/注册后可看大图

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

12.Content with Style Framework

                               
登录/注册后可看大图

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

13.Boilerplate CSS Framework

                               
登录/注册后可看大图

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

                               
登录/注册后可看大图

Tripoli是一个用于HTML表现的通用css规范。通过重设和重建浏览器标准，Tripoli 为你的网站项目提供了一个标准的、跨浏览器表现的基础。
英文原文:CSS Frameworks
翻译原文:css框架收集

月光飞燕

我比较看重这个，我最近也自创了一个CSS框架，因为我认为一个好的CSS框架可以轻松制作任意精美的模板
不懂的人不知道，懂的人知道这个非常重要

此情可待成追忆

Original posted by 回忆月光 at 2008-12-10 20:19

                               
登录/注册后可看大图

我比较看重这个，我最近也自创了一个CSS框架，因为我认为一个好的CSS框架可以轻松制作任意精美的模板
不懂的人不知道，懂的人知道这个非常重要

我不懂，尚在学习中，但我知道这个在seo中是很重要的，

breaknew

内容太多，慢慢看

dutangfx

顶顶顶顶顶顶顶顶

omega18

jx007888

css学习不错，谢谢分享

cjshui

图片怎么都看不到了

morea

这个资源不错，谢谢收藏了。

古雨

非常好,谢谢楼主

gxil

这在联系css，不过说的这些还是有点不是很等

yuanshen76

收藏了
慢慢看啊
呵呵

superboy1989

还不错嘛

haozqi

图片怎么都看不到了

qyl83

图片已经挂了,能再弄一下吗