【问题标题】:How to get started with Blueprint [CSS Framework]?如何开始使用蓝图 [CSS 框架]?
【发布时间】:2010-09-26 05:13:46
【问题描述】:
  • 是否值得适应一个 css 框架,还是只使用我们都知道的 css?

  • 如何开始使用 Blueprint [CSS 框架]?

  • 还有其他真正值得一试的 css 框架吗?

【问题讨论】:

  • 你只能使用任何基于网格的 CSS 框架,如果你是设计师和编码员,或者你可以指导设计师。
  • 您可以使用随蓝图提供的PSD进行设计。正如你所说,只需引导设计师并让他们使用网格模板 PSD。无论如何,它有助于设计。

标签: css css-frameworks


【解决方案1】:

如果不是蓝图,我建议至少使用 CSS 重置文件,它标准化了许多不同浏览器的默认浏览器设置;比如Yahoo "YUI Reset CSS"

否则,如果我是你,我想我会从 Blueprint wiki 开始,然后浏览 tutorials。那就自己做点什么吧!

【讨论】:

    【解决方案2】:

    要确定是否最好使用 css 框架,您需要查看您的整体网页设计,并了解您可以轻松地将其分解为元素。如果您发现自己使用了大量容器 div 并将它们全部向左或向右浮动,那么 CSS 框架可能是个好主意。

    使用蓝图可能有益的另一个原因是您可以减少所需的 CSS 数量。无需为每个列或容器创建 div id 并在 CSS 文件中输入宽度和高度,您只需使用框架并快速分配一个类。

    我使用 Blueprint CSS 框架构建了 Intronis.com。它运行良好,因为它是一个非常干净的站点,具有通用元素,并且基于网格。

    我会根据具体情况使用 CSS 框架。让设计决定你是否使用它。对于某些网站,它非常适合。其他人则不然。

    要开始使用,请下载here,然后只需解压缩文件并将其放入本地测试环境中即可试用。

    此外,请务必查看 Blueprint 中包含的 IE6 CSS,并注意在处理容器 div 和浮动对象时可以使用的 .clearfix 类。

    【讨论】:

      【解决方案3】:

      我刚刚写了一个关于如何开始使用 Blueprint CSS 的简短教程,您可能会喜欢它。 http://flowdev.tumblr.com/post/1187039740/blueprint-css-to-grid-or-not-to-grid

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-02-22
        • 2016-05-17
        • 2018-10-21
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多