精选15个国外CSS框架

什么是css框 架

实际上还是让我 们从框架说起吧 。
框架就是一个 你可以用于你的 网站项目的基本 的概念上的结构 体。

css框架通常 只是一些css 文件的集合，这 些文件包括基本 布局、表单样式 、网格或简单结 构、以及样式重 置。比如：

• typogra phy.css  基本排版规则
• grid.cs s 基于网格的 布局
• layout. css 通常的 布局
• form.cs s for 表 单样式
• general .css 更多 通用规则

您还可以参考以 下前端开发/C SS相关资源:

《 推荐12款可用 于前端开发的免 费文本编辑器 》
《 Web前端开发 必备手册下载 》
《 推荐20个让你 学习并精通CS S的网站 》
《 300+Jqu ery, CS S, MooT ools 和 JS的导航菜单 资源 》

下面一起来了解 一下各种不同的 CSS框架吧:

1. 960 Gri d Syste m

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

2. WYMstyl e CSS F ramewor k

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

3. YAML CS S Frame work

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

4. YUI Gri ds CSS

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

有国外作者曾指 出YUI Gr ids CSS 中最值得学习的 网格布局CSS 写法:

• 负Margin 技术
• 使用度量单位e m
• 清除布局的浮动

5. Logicss  Framew ork

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

6. CleverC SS

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

7. Element s CSS F ramewor ks

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

8. Bluepri nt CSS

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

9. Schema Web Des ign Fra mework

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

10. Emastic CSS Fr amework

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

11. That St andards Guy CS S Frame work

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

12. Content with S tyle Fr amework

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

13. Boilerp late CS S Frame work

14. ESWAT W eb Proj ect Fra mework

ESWAT正在 重新整理。如果 你是冲着我的网 站框架来的，那 么你就可以在这 里下载。也许你 也想看看我的其 他项目gmac hina、Ap pleSeed 。

15. Tripoli CSS Fr amework

Tripoli 是一个用于HT ML表现的通用 css规范。通 过重设和重建浏 览器标准，Tr ipoli 为 你的网站项目提 供了一个标准的 、跨浏览器表现 的基础。

彬Go会经常更 新前端开发/网 页设计等相关技 术及教程文章， 欢迎 订阅本博客 来及时浏览本博 客的最新教程及 资源。

英文原文: CSS Fra meworks
翻译原文: css框架收集