如何选择 CSS 框架？ [关闭]

Posted 2023-02-22

【中文标题】如何选择 CSS 框架？ [关闭]

【英文标题】：How do you choose a CSS framework? [closed]

【发布时间】：2010-10-13 11:14:18

【问题描述】：

我在公司网站上工作，我认为我应该开始使用 CSS 框架。周围有很多 CSS 框架，最常用的一个是什么，为什么人们会选择使用它而不是其他框架？

【问题讨论】：

见***.com/questions/203069/…

【参考方案1】：

我使用过 YUI、BlueprintCSS。

将来我会考虑使用 960gs，但很可能会使用 twitter bootstrap https://github.com/twitter/bootstrap/

【讨论】：

Bootstrap 非常适合从头开始快速构建网站。一旦你到了自定义样式的地步，你可能应该选择不那么“臃肿”的东西。

【参考方案2】：

忘记框架，使用XCSS。你会喜欢再次编写样式表的。

【参考方案3】：

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

如果您需要更简单的东西，您可以使用 Malo 或类似于 Blueprint 或 960.gs 但只有 1kb 重量的东西 The Golden Grid。请注意，CSS 框架并不总是好主意。我还写了一篇关于When to use CSS framework的帖子？

【参考方案4】：

Compass 是一个看起来很有趣的 CSS 框架。它可以使用 blueprint、960.gs、YUI 和可能的其他工具作为基础运行，但只是提取您项目所需的内容。

【参考方案5】：

首先，不要自动假设 CSS 框架是必要的，甚至是可取的。取决于你在做什么以及你在标记 + CSS 方面有多好，这可能不值得。 Wikipedia article 几乎没有触及我在网上看到的辩论的表面，例如 criticism of the YUI Grids framework。

如果您已经决定 CSS 框架适合您，那么您需要决定它会为您解决哪些问题。获得该列表后，您可以开始比较不同的列表，看看它们如何解决您的问题。

最后，有许多次要因素可能会改变您的特定应用程序的平衡。已经在网站上使用 YUI？然后Reset、Base、Fonts 和Grids 组合可能会出现碰撞等。

我最常看到的两个参考是 YUI 和 BluePrintCSS（这里是 comparison）。

更新：我还没有看到 CSS 框架明确解决的一件事是 Setting Type on the Web to a Baseline Grid（有关更多详细信息，请参阅此 article on composing to a vertical rhythm）。

【参考方案6】：

我仍然需要丰富我在 CSS 框架方面的经验，但我使用最多的是YUI CSS library。

这是一个由四部分组成的设置 ​​- 包括一个重置、网格包、字体设置（不完全确定使用它的优点是什么）和一个应用一些基本格式的基本样式表。您可以从CDN on Yahoo! and Google 中选择您想要使用的部分。

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

基本标记也不错：

<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>

【参考方案7】：

最好不要。

与学习框架的复杂性相比，构建自己的 CSS 准备就绪要方便得多。 YMMV，但我发现他们浪费时间。

【讨论】：

没错，但如果您发现自己经常使用类似的设计结构，那么学习一个框架或构建自己的框架会很有帮助（而且更快）。

我有一些基本的布局文件、基本的排版、基本的实用程序等，只是@include 我需要的东西......但这都是我自己完成的。少了很多膨胀。

【参考方案8】：

Afaik，最受欢迎的两个是 blueprint 和 960 grid system。 两者都有自己的优势。我喜欢960gs。

还有另一个 SO 问题正在讨论这两个 here