精选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由 一个易用的网格 、合理的布局和 一个打印样式。