如何选择CSS框架?[闭门]

首先,不要自动地认为CSS框架是必要的,甚至是可取的。取决于你在做什么,以及你在markup+CSS方面有多出色,这可能不值得。这个 Wikipedia article criticism of the YUI Grids framework

如果您已经决定CSS框架适合您,那么您需要决定它将为您解决哪些问题。一旦你有了这个列表,你就可以开始比较不同的列表,看看它们能多好地解决你的问题。

Reset Base , Fonts 和 Grids combo可能会有肿块等。

BluePrintCSS (这是一本书 comparison

Setting Type on the Web to a Baseline Grid (见此) article on composing to a vertical rhythm 有关更多详细信息)。

构建自己的现成CSS比学习复杂的框架要容易得多。YMMV,但我发现他们是在浪费时间。

blueprint 960 grid system .
两者都有各自的优势。我喜欢960gs。

here

如果您需要构建没有默认宽度限制、流动和固定列、轻量级、基线网格、可选语义百分比和基于位置的网格的复杂网格,我的建议是使用我的 CSS Framework Emastic .

Malo The Golden Grid . 请注意,CSS框架并不总是一个好主意。我还写了一篇关于 When to use CSS framework ?

Compass

忘记框架,使用 XCSS . 您会喜欢再次编写样式表。

我用过YUI,BlueprintCSS。

将来我会考虑使用960GS,但最有可能使用推特引导程序。 https://github.com/twitter/bootstrap/

YUI CSS library .

这是一个由四部分组成的设置-包括重置、网格包、字体设置(不完全确定使用这些设置的优点)和应用一些基本格式的基本样式表。您可以选择要使用的零件,并且可以从 CDN on Yahoo! and Google

我喜欢YUI库,因为它提供了一个易于切换的布局(只需更改容器包装器的一个类或id即可)-例如 yui-t4 在右侧提供一个180px列, yui-t3 在左侧提供一个300px列-这些模板还采用ad块大小,这很有用。

基本标记也不太糟糕:

<div id="doc"><!—-overall document wrapper-->
    <div id="hd"><!--header / masthead--></div>
    <div id="bd">
        <div id="yui-main">
            <div class="yui-b"><!--primary block--></div>
        </div>
        <div class="yui-b"><!--secondary block--></div>
    </div>
    <div id="ft"><!--footer--></div>
</div>