我出售的是使用Nicole Sullivan的Object-Oriented CSS哲学/编码方法/其他方面的好处。特别是,我很想在我正在建立的网站中使用诸如“media block”之类的原则。
然而,它与液体式网格系统捆绑在一起,我们的设计师目前正在构建严格的960 grid宽度系统。 960网格系统使用固定的12或16列布局,每个由40或60像素组成。 OOCSS将布局分为1/2,1 / 3,1 / 4或1/5部分的流体分区。
960.gs在列之间建立了固有的“阴沟”边距,每列10px。 OOCSS在列之间没有边距,因为它们可以是任何宽度,而是在内容元素之间提供边距,以便分隔内容和容器。
将这两个框架中的最佳框架混合搭配到我们公司的CSS样板中是不是一个坏主意? OOCSS网格框架的流体性质是否使其难以适应960页的刚性页面宽度?我们也在使用HTML5样板文件。
我问这个,因为我已经发现,在尝试将某些框架与OOCSS(例如SASS)结合使用时,两种方法可以相互正交,并且最好选择一种并坚持下去 - 但这可能并非总是如此。
答案 0 :(得分:1)
网格系统的主要优点是它为您的页面提供了视觉统一性 - 您始终拥有一致的划分。我会犹豫使用两个不同的网格,因为这意味着你正在使用两组不同的线条,导致一致性差得多。此外,如果这些网格系统不是为了彼此协作而构建的,那么混合它们可能会对某些边缘情况(甚至是正常情况)产生惊人的影响。你不想在一个月的项目工作后遇到这种情况,并且不得不撕掉一个或另一个。
答案 1 :(得分:0)
两个在整个框架中应用OOCSS原则的CSS框架:
AFAIK,Cascade Framework是唯一包含 media object implementation fully integrated into the grid 的CSS框架。这使得Cascade Framework的网格系统成为所有CSS框架中最灵活的网格系统。
其他一些框架正在慢慢采用OOCSS概念,通常将媒体对象包含为单独的UI元素。例如,请查看 Bootstrap's implementation 。