CSS框架(即:960gs或Blueprintcss)可以在没有边距的情况下使用吗?

时间:2009-05-14 19:59:29

标签: css jsf frameworks blueprint-css 960.gs

如果除了漂亮的杂志布局/ marketing-esq手册之外,我强制使用边距,我没有看到使用http://960.gshttp://blueprintcss.org的重点。有没有办法可以使用它们来满足某些设计要求,例如实际可以触摸/环绕标题的导航栏? 任何使用这些框架而没有边距的输入(因为它们将浏览器兼容性强加到较少的CSS大师级开发人员)将是理想的。(注意:我们使用的是JSF,这也是一个开发商店而不是网络在所有商店购物)

3 个答案:

答案 0 :(得分:2)

我使用这种技术作为我最终的CSS布局技术:

http://www.codeofficer.com/blog/entry/css_grid_frameworks_960gs_without_margins/

我曾经遇到过同样的问题,因为我使用了那个,所有的边缘问题都消失了。 当我需要使用自定义宽度/高度时,我会使用!important

守则:

<div class="g_9 content_main">
    This div should actually have 720px in width.
    But I overide it using another class so now the width has become 700px,
    and just in case it needs custom margin, we can always set it in the css :)
</div>

CSS:

.c_12 .g_9, .c_16 .g_12 { width: 720px; } /* 960-full.css */
.content_main { width: 700px !important; margin-left: 15px;} /* style.css */

答案 1 :(得分:0)

您不必为网站上的每个div使用网格类。如果您的标题不需要遵循网格布局,那么为标题创建自己的样式。您也可以完全跳过网格,只需使用表格&amp;排版标记。这些框架试图为您的项目带来一些一致性。

我正在使用蓝图作为主要内容,但标题区域有自己的自定义布局。

答案 2 :(得分:0)

这是我编写的一个mod,它与960gs配合使用,可以帮助您创建触摸的元素,而无需重写框架。

http://www.michaelhartmayer.com/css/960gs-margin-mod