SassScript知识点总结

什么是SassScript

Sass 是CSS预处理器
Sass是一款强化css的辅助工具，它在css语法的基础上增加了变量（varables）、嵌套（nested rules）、混合（mixins）、导入（inline import）等高级功能，这些扩展令css更加强大与优雅，使用Sass的样式库compass有助于更好的组织管理文件
在css属性的基础上：Sacc提供了一些名为SassScript 的新功能，Sass Script可以用作任务属性。允许属性的使用变量、算法等额外功能

• Css处理器出现的原因
  1、无法嵌套书写导致代码繁重、冗杂、逻辑混乱
  2、没有变量和样式复用机制，属性值只能以字面量形式输出
• 常用的css预处理器
  1、scss/sass
  2、less
  3、stylus
• sass与sass 区别/关系
  1、第一种或更新的语法被称为scss 它是css语法的扩展这意味着每个有效的css样式都是具有相同含义的有效scss文件下文描述是cass功能增加此语法，使用此语法后缀名为.scss
  2、第二种或更旧的语法被称为SASS，提供了一种更为简洁的css编写方式,它使用缩进而不是方括号来表示选择器的嵌套，并使用换行符号而不是分号来分隔属性使用此文件扩展名为.sass
  任何有一种格式都可直接导入（@import）到另外一种格式中使用，或者通过sass-convert命令工具转换成另外一个格式
• 使用css预处理器的优势及劣势
  1、优点：css预处理器为css增加了一些编程的特性无需考虑浏览器的兼容性问题，支持嵌套、变量和逻辑等，可以让css更加简洁、提高代码的复用性、逻辑分明等
  2、缺点：css文件体积和复杂度不可控，增加调试成本
  特殊功能：
  1、完全兼容css3
  2、在css3基础上增加变量、嵌套（nesting）、混合（mixins）等功能
  3、通过函数进行颜色与属性的运算
  4、提供控制指令（control directioves）等高级功能
  5、自定义输出