Css 网格960的具体功能是什么？

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

---

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

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

他们（主要）解决了浮标的需求，浮标可以比…更快地破坏设计。。。嗯，快一点

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

它们是从表格转换到基于CSS的设计的一种很好的方式，它们还真正帮助实现了“网格”设计理论，在这种理论中，事物排列成一行，并处于水平和垂直的节奏中

要么带走，要么离开（我离开了他们，但确实和他们玩了一点）

---

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

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

你可以在这篇文章中了解更多

---

享受吧

我在过去研究过各种CSS框架，我认为它们旨在消除浏览器之间遇到的许多CSS漏洞，如果你曾经尝试手动滚动你自己的CSS，你就会知道出现的问题。如果你有你自己的模板，你已经开发了，我会坚持它，这就是我最终要做的。我对它很熟悉，而且它非常轻量级。

我们的想法是不再以%s或像素为单位，而是开始以列为单位。网格系统自动执行基于列的定位。我最喜欢的是一个网格系统，它可以将列延伸到整个可用宽度。

960网格是一个应该从初始设计阶段开始实施的框架。它有助于设计师和开发人员创建干净有序的UI。根据我的经验，960网格系统（）帮助很大，因为它允许我快速创建格式化页面，而无需重新编写任何css文件，无论客户机要求什么。通常我实现如下CSS样式

.marginLeft20 { margin-left: 20px; }

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

这意味着我可以使用上面的类创建一个div

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

这是一个单列示例

---

如果你需要更多关于网格的信息，我建议你网格系统/框架有点像一个沙箱，里面有所有的铲子、桶、沙子和成型器，所以你所要做的就是拿起一个工具开始建造你的城堡

Burt在滚动您自己的CSS和遇到的所有浏览器问题方面提出了一个很好的观点。这可能会让你感到非常沮丧，这取决于你正在从事的项目

虽然您使用的框架可能有一些限制，但它也减轻了一些麻烦。

另请参见：