960 CSS框架答案

【问题标题】：960 css framework960 CSS框架
【发布时间】：2010-10-31 06:51:03
【问题描述】：

我正在评估在我的网站上使用的 960 gs css 框架。有谁知道任何大公司使用这个框架到那里的网站？

谢谢

【问题讨论】：

标签： html css frameworks

【解决方案1】：

CSS 框架是一个相当肤浅的东西：您可以很容易地查看它是否适合您。大公司会发现什么是你无法发现的？通常寻找大客户是了解产品无形资产的一种方式，例如支持性、可扩展性、稳定性等。使用 960 制作您的网站，看看它的外观！

【讨论】：

【解决方案2】：

您不应该根据大公司是否使用它来做出决定。您应该通过自测和视频了解系统本身的实用性。 http://www.youtube.com/user/theartofcode 有一些很好的视频可以帮助你入门。

它被广泛使用的原因是它可以通过使用预定义的 css 来编写基于 12 布局的 div 框来节省时间。您需要做的就是查看 960px 中有多少列要用于每个元素并相应地命名您的 div。

您仍然可以轻松地设置 div 的样式，因为即使它有一个 grid_12 等 div 类，您也可以有多个类

看示例代码

<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="css/960.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />
</head>
<body>
<div class="container_12">
<div class="grid_12 header">THIS IS THE PAGE HEADER</div>
<div class="grid_6">col 1</div>
<div class="grid_6">col 2</div>
</div>
</body>
</html>

您可以轻松编写一个居中、960 像素宽的页面，其中包含一个标题和 2 列，可以使用最少的 html。它还有一个包装 div（第一个容器）

然后，您可以通过将 .header{background:red;} 放入 main.css 文件中，将标题更改为红色背景

【讨论】：

【解决方案3】：

转到960.gs 主页并向下滚动。有许多成熟公司使用该框架的例子。我自己在不止一种产品中使用过它，而且效果很好。

【讨论】：

是的，offcourse..我看过那些网站..但我正在寻找的是更成熟的/大公司网站/使用 960 的应用程序。
为什么？您决定使用 960 来协助您的 css 开发不应受到大公司是否在使用它的影响。它是如此的小而简单，使用它应该没有比从某个地方获取一个 sn-p 代码来帮助您的一般开发更多的问题。 Ned（下）似乎也说了同样的话……