网格960到底是做什么的?

发布于 2024-08-08 21:15:39 字数 104 浏览 3 评论 0原文

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

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

I have seen all these 'grid' type css frameworks and I'm still a tad confused as to what they do.

I understand that they help you quickly create a page since the layout is already defined for you, but do these frameworks make certain things MORE difficult?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

空城仅有旧梦在 2024-08-15 21:15:39

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

他们(主要)满足了对浮动的需求,这可以比……嗯,更快的东西更快地破坏设计。

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

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

接受或离开(我离开了他们,但确实玩了一下)

编辑:我都使用了960blueprint,大约 8 个月前左右。尚不清楚此后是否发生了重大变化。

It depends on how you typically use CSS to set up your pages. They wind up using less semantic classes ("indent-12" vs. "rail-content") if that's important to you, but they also solve a lot of layout issues people tend to run into.

They take care of the need (mostly) for floats, which can break designs faster than... well, something fast.

What they make harder, however, is customization. If you don't take the time to learn just what those classes mean, it can be hard to make things look just the way you want because your CSS rules might clash with something you didn't know about.

They are great as a way to switch from tables to CSS-based design, and they also really help implement the "grid" theory of design, where things line up and are in horizontal and vertical rhythm.

Take 'em or leave 'em (I left them, but sure played with them a bit)

EDIT: I used both 960 and blueprint, about 8 months ago or so. Unclear if significant changes have taken place since then.

伪心 2024-08-15 21:15:39

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

您可以在此了解更多信息 教程

享受!

Grid 960 is a CSS framework. Mainly, it can help you develop faster the mock-up of your page.

You can learn more about it in this tutorial.

Enjoy!

冷夜 2024-08-15 21:15:39

这个想法是停止用 %s 或像素来思考,而开始用列来思考。网格系统自动执行基于列的定位。我最喜欢的是 Fluid 960 - 一个网格系统,它将其列拉伸到整个可用宽度。

The idea is to stop thinking in terms of %s or pixels and start thinking in terms of columns. Grid systems automate the implementation of column-based positioning. My favorite is Fluid 960 - a grid system that stretches its columns to entire available width.

┈┾☆殇 2024-08-15 21:15:39

我过去研究过各种 CSS 框架,我认为它们的目的是消除浏览器之间遇到的许多 CSS 细节错误,如果您曾经尝试手动编写自己的 CSS,您就会知道出现的问题。如果您有自己开发的模板,我会坚持使用它,这就是我最终所做的。我很熟悉它,而且它非常轻巧。

I have looked into various CSS frameworks in the past and I think they are aimed at removing a lot of the nitty CSS bugs that come across between browsers, if you ever tried to hand roll your own CSS you will know the issues that come up. If you have your own template that you have developed I would stick with it, that is what I ended up doing. I am familiar with it and it is very lightweight.

遗心遗梦遗幸福 2024-08-15 21:15:39

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

A 960 grid is a framework that should be implemented from the initial design stage. It helps both the designer and developer create clean organised UIs. In my experience the 960 grid system (http://www.960.gs) has helped a lot as it will allow me to create a formatted page quickly without re-writing any css files no matter what a client asks for. Typically I implement CSS styles like the following

.marginLeft20 { margin-left: 20px; }

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

This means I can make a div with the above classes applied

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

If you need anymore info on grids I would recommend http://www.960.gs

煮酒 2024-08-15 21:15:39

网格系统/框架有点像一个沙箱,所有的铲子、桶、沙子和成型机都已准备好,所以你所要做的就是拿起工具并开始建造你的城堡。

Burt 提出了关于滚动您自己的 CSS 以及您遇到的所有浏览器问题的重要观点。根据您正在从事的项目,这可能会带来非常令人沮丧的体验!

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

Grid systems/frameworks are sort of like a sandbox with all the shovels, pails, sand and shapers ready made, so that all you have to do is pick up a tool and start making your castle.

Burt makes a great point about rolling your own CSS and all of the browser issues you run into. It can make for a very frustrating experience depending on the project you're working on!

While the framework you're using may have some limitations, it alleviates some headaches also.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文