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

Question

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

我注意到 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 {...})，但这是不切实际的，并且几乎不可能管理和维护代码。您牺牲的可读性和可维护性比您获得的语义优点更有值(value)。

后端的 960 网格系统非常丑陋。你放弃了美好，你获得了开发的简单性和效率。也许不同的基于列的网格系统会更好。考虑像框架这样的东西:http://frame.serverboy.net/ ( </shameless_plug> ) 或蓝图 CSS。

希望这对您有所帮助。