2

我对使用 Nicole Sullivan 的面向对象的 CSS哲学/编码方法/其他的好处感到很满意。特别是，我热衷于在我目前正在构建的站点中使用诸如“媒体块”之类的原则。

然而，它捆绑了一个液体式网格系统，我们的设计师目前正在构建一个严格的960 网格宽度系统。960 网格系统使用固定的 12 或 16 列布局，每个布局由 40 或 60 个像素组成。OOCSS 将布局分成 1/2、1/3、1/4 或 1/5 部分的流体分区。

960.gs 具有固有的“装订线”边距，每列 10 像素。OOCSS 在列之间没有边距，因为它们可以是任何宽度，而是在内容元素之间提供边距，以便将内容和容器分开。

将这两个框架中最好的一个混合并匹配到我们公司的 CSS 样板文件中是不是一个坏主意？OOCSS 网格框架的流动性是否使其不适合刚性 960 页面宽度？我们也在使用 HTML5 样板。

我问这个是因为我已经发现，当尝试将某些框架与 OOCSS（例如 SASS）合并时，两种方法可以相互正交，最好选择一个并坚持使用它 - 但这可能并不总是就是这样。

4

2 回答 2

1

网格系统的主要优点是它为您的页面提供了视觉上的统一性——您在整个过程中都有一致的划分。我会犹豫使用两个不同的网格，因为这意味着您正在使用两组不同的线，从而导致一致性大大降低。此外，如果这些网格系统不是为了相互协作而构建的，那么混合它们可能会对某些边缘情况（甚至是正常情况）产生令人惊讶的效果。您不想在一个项目上工作一个月后遇到这种情况，并且不得不撕掉一个或另一个。

于 2011-08-25T18:20:34.110 回答
0

两个在整个框架中应用 OOCSS 原则的 CSS 框架：

AFAIK，Cascade Framework 是唯一一个包含完全集成到网格中的媒体对象实现的 CSS 框架。这使得 Cascade Framework 的网格系统成为所有 CSS 框架中最灵活的网格系统。

其他一些框架正在慢慢采用 OOCSS 概念，通常包括将媒体对象作为单独的 UI 元素。例如，查看 Bootstrap 的实现。

于 2014-01-07T18:04:05.670 回答