scss

2017-06-12  本文已影响0人  w_01

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”;

上一篇下一篇

猜你喜欢

热点阅读