Question

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

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

Answer 1

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

它们（大多数情况下）照顾浮子的需要，它可以比......快速地破坏设计。

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

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

带他们离开他们（我离开了他们，但肯定和他们一起玩了）

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

Answer 2

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

您可以在此tutorial中了解有关它的更多信息。

享受！

Answer 3

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

Answer 4

我过去研究过各种各样的CSS框架，我认为它们的目的是消除浏览器之间遇到的很多CSS漏洞，如果你试图手动编写自己的CSS，你就会知道那些问题。上来。如果你有自己开发的模板，我会坚持下去，这就是我最终要做的。我熟悉它，它非常轻巧。

Answer 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

Answer 6

网格系统/框架有点像沙箱，所有铲子，桶，沙子和成型器都已准备就绪，所以你只需要拿起工具然后开始制作你的城堡。

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

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