使用 Zurb 的 Foundation 4 框架,仅使用 CSS。没有 SASS/指南针? [关闭]

Posted

技术标签:

【中文标题】使用 Zurb 的 Foundation 4 框架,仅使用 CSS。没有 SASS/指南针? [关闭]【英文标题】:Using Foundation 4 framework by Zurb with only CSS. Without SASS/Compass? [closed] 【发布时间】:2013-05-01 02:52:47 【问题描述】:

我是网页设计和 *** 的初学者,对于我将要问的任何愚蠢问题,我提前道歉

    我正在使用 Foundation 框架(仅 CSS 版本)来设计没有 SASS 和 Compass 的网站,我想知道除了无法使用 mixins 构建之外还有哪些缺点? 有没有其他方法可以在不使用 mixin 的情况下自定义 Foundation 的组件?因为我知道不建议编辑foundation.css 或任何其他基础文件。 如果我使用 Foundation 来构建页面作为 CodeIgniter 的视图可以吗?

【问题讨论】:

【参考方案1】:

    您将无法使用 SASS 的全部功能,包括变量、mixin、嵌套等。如果不使用 SASS,自定义 Foundation 肯定会更加困难。如果你是 CSS 的初学者,你应该在尝试处理 SASS 之前学习基础知识。不过,我强烈建议在不久的将来学习它,因为它确实有助于加快原型设计和布局开发。

    您可以使用 custom.css 文件覆盖foundation.css。您还可以在此处进行一些基本自定义并下载您自己的构建:http://foundation.zurb.com/download.php#customizeFoundation

    当然。有些人已经创建了一些自定义集成:https://github.com/meridiansoftech/meridian_ci_codebase 我已经使用 Foundation 构建了 CakePHP 应用程序。有时您必须更改帮助程序以输出某些 html 以与 Foundation 或您选择使用的任何框架集成。

【讨论】:

以上是关于使用 Zurb 的 Foundation 4 框架,仅使用 CSS。没有 SASS/指南针? [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

Zurb/Foundation 框架:如何将 top-bar-section 向左对齐而不是向右对齐

我们可以强制 ZURB Foundation 4 只使用 jQuery 而不是 Zepto 吗?

Zurb Foundation 4 中网格单元之间的间距

如何在 Zurb Foundation 4/5 全屏中制作行?

Zurb Foundation 4:如何在悬停时更改顶栏部分的背景颜色?

如何在我的 Rails 4 应用程序中配置 Compass 和 Zurb Foundation 5,以便它们都可以在同一个目录中访问?