scss

作者: w_01 | 来源:发表于2017-06-12 22:35 被阅读0次

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

    相关文章

      网友评论

          本文标题:scss

          本文链接:https://www.haomeiwen.com/subject/alerqxtx.html