格子 960 究竟是做什么的？答案

【问题标题】：what exactly does grid 960 do?格子 960 究竟是做什么的？
【发布时间】：2009-10-27 13:46:08
【问题描述】：

我已经看过所有这些“网格”类型的 css 框架，但我仍然对它们的作用感到有点困惑。

我知道它们可以帮助您快速创建页面，因为布局已经为您定义了，但是这些框架是否会使某些事情变得更加困难？

【问题讨论】：

标签： css 960.gs

【解决方案1】：

这取决于您通常如何使用 CSS 来设置您的网页。如果这对您很重要，它们最终会使用较少的语义类（“indent-12”与“rail-content”），但它们也解决了人们往往遇到的许多布局问题。

他们（主要）满足对浮动的需求，这可以比...更快地破坏设计。

然而，他们更难的是定制。如果您不花时间了解这些类的含义，则可能很难使事情看起来像您想要的那样，因为您的 CSS 规则可能会与您不知道的东西发生冲突。

它们非常适合作为从表格切换到基于 CSS 的设计的一种方式，并且它们也确实有助于实现设计的“网格”理论，即事物排列成水平和垂直的节奏。

接受或离开他们（我离开了他们，但确实和他们玩了一点）

编辑： 大约 8 个月前，我同时使用了 960 和 blueprint。不清楚自那以后是否发生了重大变化。

【讨论】：

【解决方案2】：

Grid 960 是一个 CSS 框架。主要是，它可以帮助您更快地开发页面模型。

您可以在此tutorial 中了解更多信息。

享受吧！

【讨论】：

【解决方案3】：

我们的想法是停止考虑 %s 或像素，开始考虑列。网格系统自动执行基于列的定位。我最喜欢的是Fluid 960 - 一个将列延伸到整个可用宽度的网格系统。

【讨论】：

【解决方案4】：

我过去曾研究过各种 CSS 框架，我认为它们旨在消除浏览器之间遇到的大量 CSS 错误，如果你曾经尝试过自己的 CSS，你就会知道这些问题过来。如果您有自己开发的模板，我会坚持使用它，这就是我最终要做的。我很熟悉它，它非常轻量级。

【讨论】：

【解决方案5】：

960 网格是应从初始设计阶段实施的框架。它可以帮助设计人员和开发人员创建整洁有序的 UI。根据我的经验，960 网格系统 (http://www.960.gs) 帮助很大，因为无论客户要求什么，它都可以让我快速创建格式化页面，而无需重新编写任何 css 文件。通常我会实现如下的 CSS 样式

.marginLeft20 { margin-left: 20px; }

.oneColumn {
    float: left;
    width: 60px;
}

这意味着我可以创建一个应用了上述类的 div

<div class="oneColumn marginLeft20">This is a oneColumn example</div>

如果您需要更多关于网格的信息，我会推荐 http://www.960.gs

【讨论】：

【解决方案6】：

网格系统/框架有点像一个沙箱，所有的铲子、桶、沙子和整形器都准备好了，所以你所要做的就是拿起一个工具，开始建造你的城堡。

Burt 对滚动您自己的 CSS 以及您遇到的所有浏览器问题提出了一个很好的观点。根据您正在从事的项目，它可能会带来非常令人沮丧的体验！

虽然您使用的框架可能有一些限制，但它也减轻了一些令人头疼的问题。

【讨论】：