指南针和sass的区别?
我知道这是一个愚蠢的问题,但我一直在search谷歌,我找不到任何答案:/所以SASS和指南针,SASS和SCSS有什么区别? 我真的很困惑。
感谢您的任何信息:)
在过分简化的风险下, Compass是一个框架,而Sass是一个语言抽象。 您可以在Compass上下文中编写Sass代码(并将其编译为标准CSS)。 SCSS只是Sass语言的最新语法。 据我所知,它的创build只是为了在语法上更像CSS。 Sass的所有语法糖,但对于CSS的前端开发人员更为熟悉。
一般来说:“Sass”是一个CSS预处理器的名称 – 意味着:一个有用的工具,供开发人员编写自动编译为正常的CSS代码的简短forms的占位符。 Sass有两种不同的写短格式的方法:SCSS和SASS。 SCSS和SASS的区别非常简单:SCSS是具有附加function的普通CSS。 每个CSS文件可以被重命名为.scss并将validation。 SASS通过跳过所有大括号来使用较短的书写forms。 要将.css文件转换为有效的.sass文件,您需要更改css代码。
指南针是通过命令行工具控制的所谓的css框架。 Compass通过提供预定义的函数,mixins等来支持开发,加速编码,防止写错。 例如罗盘允许你通过编写“@include box-shadow();”来调用所有polyfill的盒子阴影。 当使用“罗盘编译”编译文件时,所有的css代码都是由罗盘本身添加的。 Compass是大型前端开发项目中使用最多的工具之一。
我提供了一个TLDR答案:
指南针本质上是一个SASS图书馆。 它使用sass的原始语言并创build通用的可重用函数。
从网站 :
指南针使用Sass。
Sass是CSS3的扩展,它增加了嵌套的规则,variables,混合,select器inheritance等等。 Sass生成格式良好的CSS,使您的样式表更易于组织和维护。
指南针是用Sass构build的框架。 另一个stream行的Sass框架是Bourbon和Susy 。 这意味着,所有这些框架都是用Sass编写的。 他们只是有预定义的function和混合,你可以用来加快你的工作stream程。
SCSS(Sassy Sass)只是Sass的新语法。 它使用CSS语法。 例如:
h2 { color: red; }
另一方面,Sass使用一个不太“严格”的语法:
h2 color: red
注意,没有使用大括号,也没有使用分号。 另外,你必须使用缩进。
总而言之,您将使用哪种框架或哪种Sass语法,这是您的select!