SASS详解之简介
来源:互联网 发布:linux安装anaconda 编辑:程序博客网 时间:2024/06/06 13:02
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的介绍,就先为大家介绍到这里,希望能对大家有一点点的小帮助。
- SASS详解之简介
- SASS详解之准备工作
- SASS详解之变量($)
- SASS详解之基本语法
- SASS详解之继承(extend)
- SASS详解之混合(mixins)
- SASS详解之函数(function)
- Sass学习之路(1)——Sass简介
- Sass详解之编译工具koala
- SASS详解之编译输出的样式
- sass 语法简介
- Sass入门-简介
- sass 使用简介
- SASS简介及安装
- SASS入门之SASS安装
- 学习sass之安装sass
- sass学习之安装sass
- SASS详解之控制指令(if、each、for和while)
- Mongo的常用命令
- CollectGarbage函数--JS清理垃圾,内存释放
- android学习笔记16: SAX解析XML
- Oracle中对用户登陆失败进行审计,查出相关登录信息(机器名)
- xss简单的利用与分析
- SASS详解之简介
- Qt Model/View学习笔记之一简介篇
- UDP的send、sendto和sendmsg测试代码
- 模板方法设计模式
- 调用函数的时候不能禁用按钮
- HTML5画布上拖动和下降kineticjs阶段,挺有趣的画面!
- 同步服务器时间的倒计时
- MMS存储与显示
- Asp.net MVC中关于@Html标签的使用