什么是CSS3，SASS，SCSS，指南针，少，波旁威士忌

> CSS，SASS，SCSS，Compass，Simelt和Bourbon：快速比较

本指南提供了CSS3和几个流行的CSS预处理器的简洁概述。 对于初学者，我们强烈建议您从Compass！

开始

> css3：

>

• >最新版本的级联样式表。
• 提供了动画，过渡和转换等高级功能。
>
• 学习CSS3css3 demo

css3文档

> sass＆scss：

• sass（语法上很棒的样式表）：A CSS扩展功能提供嵌套，变量和Mixins等功能。 使用凹痕进行语法。服务器端处理（通常使用Ruby）。

scss

（Sassy CSS）：在功能上与SASS相同，但使用带有卷曲括号的CSS样语法。 sass网站 scss documentation

sass安装

>示例：

/* CSS */
li {
  font-family: serif;
  font-weight: bold;
  font-size: 1.2em;
}

/* SCSS */
li {
  font: {
    family: serif;
    weight: bold;
    size: 1.2em;
  }
}

/* SASS */
li
  font:
    family: serif
    weight: bold
    size: 1.2em

指南针：

• 构建基于SASS的CSS框架。
• 提供了有用的混合素，跨浏览器兼容性功能和版式模式的库。
• >简化了精灵的生成。

>通过命令行轻松更新。

指南针网站指南针demo

指南针安装1

指南针安装2

>示例：

#opacity-10 {
  @include opacity(0.1);
}

指南针代码：

/* For IE */
#opacity-10 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
  opacity: 0.1;
}

/* For other browsers */
#opacity-10 {
  opacity: 0.1;
}

生成的CSS：

• >基于JavaScript的CSS预处理器，处理客户端。
>提供与SASS相似的功能（嵌套，变量，Mixins）。
• 缺少相当于指南针的框架。

更少的网站

更少的demo 更少的vs sass

>

波旁威士忌：>

>与Codekit和Hammer之类的工具无缝地工作。>

>波旁威士忌网站

波旁示例 波旁文档 （请用实际的URL替换包围的

占位符。）

以上是什么是CSS3，SASS，SCSS，指南针，少，波旁威士忌的详细内容。更多信息请关注PHP中文网其他相关文章！