<分区>
我正在深入研究 CSS 世界,但在理解现有所有内容的用法时遇到了一些困难。
有LESS, SASS, Compass, Blueprint, HAML等,应该搭配使用哪些?有人可以解释一下彼此之间的关系吗?
<分区>
我正在深入研究 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 - 尝试在 HSL 函数中使用变量(颜色函数以数字为参数)
javascript - 调整窗口大小时刷新浏览器(仅在扩展或变大时)