CSS 框架汇总(以及一些想法)

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

CSS 框架背后的指导思想是节省时间。如果您编写了很多 CSS,您就会知道您一遍又一遍地编写了很多完全相同的代码。重复学习确实有一定的道理,但说真的,您需要输入多少次 margin: 0 才会觉得烦人?

CSS 框架通常只是一组 CSS 文件,用于设置诸如基本排版、表单样式、网格/简单布局和重置等内容。

为什么要使用框架?除了节省时间之外,还有很多原因:标准化网站的组织结构,避免愚蠢的小错误,以及浏览器兼容性。听起来很有吸引力,但当然也有不使用它们的理由。例如,对于您正在设计的网站来说,框架可能过于庞大,并且基本上只是不必要的膨胀。另一个反对框架的常见论点是 CSS 和 XHTML 紧密相连,它们需要一起设计和构建,因此使用预先编写的 CSS 根本不是一种选择。

至于我个人,我犹豫不决。实际上我有点像“中间派”。我有一个小型的基础文件夹,其中包含一个 index.html 文件、一个 style.css 文件和一个 images 文件夹。index 文件中包含一个超简单的结构,CSS 文件中包含一些非常基本的样式,而 images 文件夹是空的。我对这个系统很满意,但我正在考虑将其扩展成一个更完善的框架。

嘿,这篇文章的主题应该是汇总!哦,对了。

每个框架都有不同的方法。我会让大家自己去探索。

Blueprint
blueprint.gif

LogicCSS
logiccss.gif

Elements
elements.gif

YAML(又一个多列布局)
yaml.gif

ESWAT
eswat.gif

更多

Yahoo YUI Grids CSS
WYMstyle
That Standards Guy CSS 框架
Taffy 框架
Schema
CleverCSS
Tripoli

哇,确实有很多框架,不是吗?我可能会自己尝试做一个,但我需要想出一个巧妙的点子,让它不仅仅是墙上的一块砖头。