css - 格子 960 究竟是做什么的？

Question

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

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

score 7 · Accepted Answer

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

他们照顾（主要）对花车的需求，这可以比……嗯，快的东西更快地破坏设计。

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

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

接受或离开他们（我离开了他们，但肯定和他们玩过一点）

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

score 2 · Accepted Answer

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

您可以在本教程中了解有关它的更多信息。

享受！

score 2 · Accepted Answer

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

score 1 · Accepted Answer

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

score 1 · Accepted Answer

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

score 0 · Accepted Answer

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

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

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

6 回答 6