sass2007年诞生,最早也是最成熟的css预处理器,拥有ruby社区的支持和compass这一最强大的css框架,目前受less影响,已经进化到了全面兼容css的scss。
sass(英文全称:syntactically awesome stylesheets)是一个最初由hampton catlin设计并由natalie weizenbaum开发的层叠样式表语言。在开发最初版本之后,weizenbaum和chris eppstein继续通过sassscript来继续扩充sass的功能。sassscript是一个在sass文件中使用的小型脚本语言。(推荐学习:css3视频教程)
sass是一个将脚本解析成css的脚本语言,即sassscript。sass包括两套语法。最开始的语法叫做“缩进语法”,与haml类似[3],使用缩进来区分代码块,并且用回车将不同规则分隔开。而较新的语法叫做“scss”,使用和css一样的块语法,即使用大括号将不同的规则分开,使用分号将具体的样式分开。通常情况下,这两套语法通过.sass和.scss两个文件扩展名区分开。
sass扩展了css3,增加了规则、变量、混入、选择器、继承等等特性。sass生成良好格式化的css代码,易于组织和维护。
sass支持定义变量。变量以美元符号($)作为开头。变量用冒号(:)赋值。
sassscript支持四种数据类型:
数值(可包括单位)
字符串
颜色
布尔类型
变量可以用作函数的参数或返回值。在解释过程中,解释器会把变量的值写入最终的css文件中。
sass是对css3(层叠样式表)的语法的一种扩充,它可以使用巢状、混入、选择子继承等功能,可以更有效有弹性的写出stylesheet。sass最后还是会编译出合法的css让浏览可以使用,也就是说它本身的语法并不太容易让浏览器识别(虽然它和css的语法非常的像,几乎一样),因为它不是标准的css格式,在它的语法内部可以使用动态变量等,所以它更像一种极简单的动态语言。
更多css3相关技术文章,请访问css3图文教程栏目进行学习!
以上就是sass系统是什么的详细内容。