1、什么是scss?
scss是css的预处理器,css是标记语言,不可以定义变量、封装、引用等。
2、scss的使用
a、在自己的项目目录中新建css文件夹,新建xxx.scss
b、打开考拉工具,将新建的css文件夹拖进去(路径不能有中文)
c、在html中引入生成的css文件
3、scss中使用变量
$ 变量名(自己起):值
变量的使用:
1、在属性值的位置使用变量
属性名:变量名
2、在属性名的位置使用变量
#{$变量}:值
4、scss中的计算功能
scss中支持算术运算符 + - * / %
5、scss中是支持注释的
//单行注释 /**/多行注释
如果在scss中使用中文(注释)需要在scss文件的最上方设置中文编码
//单行注释 是不会编译出来的
/**/ 多行注释 scss中多行注释能在css文件中被编译出来
@charset “utf-8”;