SASS详解之简介

jopen 10年前

  Sass是什么意思?前端中人很少有不接触CSS的,那么大多数接触CSS的人都知道CSS的好用处和不好用处。Sass是编写的CSS预处理器,有了它,我们可以轻松畅快的编写CSS了。那么Sass是什么意思?下面将为大家简单介绍一下,希望能对大家有所帮助。

 

  1、为什么是sass?

 

  Sass是什么意思?sass 虽然是最早的,但是一开始还是不太好用,而且使用缩进作为分隔符,不符合css使用大括号的习惯,所以less以后起之秀的身份轻松赢得了人心,后来 sass借鉴于less的一些思想,改进了自己的设计,并有了scss,然后经过几个版本的更新,特别版本3.2.0做了些革命性的更新,以使它从其他几个编译处理器中脱颖而出。下面的几个优点让编程人员不得不对sass爱不释手哇。

  (1)默认变量:sass版本3.0引入了默认变量!default,使变量更好控制。

  (2)@content:sass版本3.2.0对mixin进行了补充,以使其可以接受一整块样式,大多应用在css3的@media情况下。

  (3)占位选择器%:sass版本3.2.0引入了占位选择器%,对于不传递参数的mixin,以后都可以考虑使用它,因为有两个优点——不调用就不会产生css;解析的css是以组合方式申明的,而不是mixin的拷贝方式。

  (4) 变量参数:sass版本3.2.0对变量参数进行了补充,使其可以设置css3的多个属性值的参数,如box-shadow,transition它们都可以拥有多个值,并以逗号隔开。而mixin的参数本来就是以逗号分开的,所以这样一来对css3定义些mixin就会报错,于是有了变量后面加三个点来表示这个参数是表示可以传递多个值的。

 

  2、Sass是什么意思?

 

  Sass是什么意思?Sass 是一种基于ruby编写的CSS预处理器,诞生于2007年,是最早也是最成熟的一款CSS预处理器语言,它可以使用变量、嵌套、混入、继承,运算,函数等功能,使得CSS的开发,变得简单清晰可维护,同时也大大节省了设计者的时间,提高了效率。Sass最后还是会编译出合法的CSS让浏览器使用,也就是说它本身的语法并不太容易让浏览器识别,因为它不是标准的CSS格式,在它的语法内部可以使用动态变量等,所以它更像一种极简单的动态语言。

  其实现在的Sass已经有了两套语法规则:一个依旧是用缩进作为分隔符来区分代码块的;另一套规则和CSS一样采用了大括号({})作为分隔符。后一种语法规则又名SCSS,在Sass3之后的版本都支持这种语法规则。我们这里讨论的如无特殊说明,全指scss。

  Sass的奥妙还有很多,以后将一一为大家揭晓,现在就为大家介绍到这里,希望能对大家有所帮助。

  Sass是什么意思?有关Sass的介绍,就先为大家介绍到这里,希望能对大家有一点点的小帮助。