将960网格系统值放在外部文件中

Question

我正在考虑在我正在编写的ASP.NET MVC站点中使用Nathan Smith's 960 Grid System进行布局。

我注意到960.gs用法的所有示例都显示了如下所示的HTML：

<div class="container_12"> 
    <div class="grid_12"> 
    </div> 
    <!-- end .grid_12 --> 
    <div class="clear"></div> 
    <div class="grid_1"> 
    </div>
    <!-- ... -->
</div>

我并不特别喜欢将所有这些网格值放在HTML本身 - 它会造成混乱和大量内容，这可能会变得难以管理。

是否有可能将那些容器和网格值放在外部文件中，根据某些标记的id或class属性应用网格值？

Answer 1

您无法外部化这些值。虽然可以将名称合并到文件中，使得您指定给div的名称是带有网格的多个CSS选择器（即：.sidebar, .grid_3 {...}），这是不切实际的，并且几乎不可能管理和维护代码。你要牺牲的可读性和可维护性比你正在获得的语义上更有价值。

960网格系统在后端非常难看。你放弃了善意，获得了简单和发展的效率。也许不同的基于列的网格系统会更好。考虑像Frame：http://frame.serverboy.net/（</shameless_plug>）或Blueprint CSS。

希望这有帮助。