scss

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. CSS预处理器 定义了一种新的专门的编程语言,编译后成正常的CSS文件。为CSS增加一些编程的特性,无需考虑...
    恰皮阅读 106,196评论 20 105
  • Introduction Sass 有两种语法规则(syntaxes),目前新的语法规则(从 Sass 3开始)被...
    Ailily阅读 1,040评论 0 7
  • "CSS预处理器"[http://www.catswhocode.com/blog/8-css-preproces...
    lovelydong阅读 517评论 0 1
  • SASS有两种后缀文件:一种后缀名为sass,不适用大括号和分号;另一种是scss文件,这种和我们平时写的css文...
    HappyAdu阅读 1,222评论 0 0
  • 什么是SASS? SASS(Syntactically Awesome Stylesheets)是一种动态样式语言...
    桂圆_noble阅读 6,768评论 0 15