css - 所有这些 CSS 框架和其他框架怎么了?

标签 css sass less compass-sass blueprint-css

<分区>

我正在深入研究 CSS 世界,但在理解现有所有内容的用法时遇到了一些困难。

有LESS, SASS, Compass, Blueprint, HAML等,应该搭配使用哪些?有人可以解释一下彼此之间的关系吗?

最佳答案

LESS 和 SASS 是服务器端 CSS 生成框架——它们允许您使用接近 CSS 的语法创建样式表,但允许您使用变量和函数等元素。编译这些文件将生成您使用的 CSS 文件。这里需要注意的重要一点是 SASS 仅适用于 Ruby。

HAML 是另一个仅适用于 Ruby 而不适用于 CSS 的元素。它实际上是创建 ERB(Ruby 分部 View )的替代方法。

Compass 是一个添加到 SASS 框架之上的库,允许更多功能和几个默认类/样式。

Blueprint 是另一个库,基本上是一个带有预设类的 CSS 文件,允许创建多列布局等常见用例。

然而,这些都不是编写 CSS 所必需的,而且在大多数情况下,它们甚至还不够好,无法真正研究。虽然我喜欢 SASS 的功能,但它并不适合所有人,而且最终会创建不必要的臃肿 CSS。

如果您刚刚开始尝试 CSS,我会推荐 Andy Clarke 的 Transcending CSS 和 Hardboiled Web Design 等资源。 HTML5 for Web Designers 和 CSS3 for Web Designers 也是非常好的资源。很好地理解 HTML 标记和语义对于利用 CSS 和正确使用它也很重要。

关于css - 所有这些 CSS 框架和其他框架怎么了?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5411912/

相关文章:

html - 导航链接 <a> 中的 <i> 元素 - 无法关闭悬停突出显示

javascript - 在 Android+PhoneGap 中添加关于滚动的帖子

javascript - 将 rem 转换为 px 而不回流

css - Prepros 应该在 Github.io 页面上将我的 SASS 编译成 CSS 吗?如果是这样,是什么导致我的 SASS 样式在 Github.io 页面上不起作用?

css - 有没有办法为 LESS 文件设置通用图像路径?

css - 尝试在 HSL 函数中使用变量(颜色函数以数字为参数)

javascript - 调整窗口大小时刷新浏览器(仅在扩展或变大时)

node.js - 尝试从 Node 生成 ruby​​ sass

Sass 插值不起作用

html - 当我将她移到顶部时,我的 div 的一部分被隐藏了