SASS

1、什么是sass?

       SASS是一种css的开发工具,提供了许多的便利写法,大大节省了设计者的时间,使得css的开发变得简单和可维护。

2、sass文件的后缀名:

     .sass   .scss

3、基本用法:

    1).SASS允许使用变量,所有变量以$开头。

    $blue : #fff ;   div  {  color : $blue  }

   如果需要镶嵌在字符串中,就必须写在 #{  } 之中。

$side : left ;  div{   border-#{$side}-radius : 5px ;   }

2).计算功能

SASS允许在代码中使用算式

body{   margin : (100px*2) ;  padding : 20px*2;   }

3).嵌套

选择器嵌套:

div{  

h1{  color : red;  }  

$:hover{  background-color : lightgreentea  } 

 }

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

推荐阅读更多精彩内容

  • 基础 声明变量 普通变量 默认变量 变量覆盖:只需要在默认变量之前重新声明下变量即可 变量的调用 局部变量和全局变...
    Jill1231阅读 1,321评论 0 1
  • 1、SCSS 是 Sass 的新语法格式,从外形上来判断他和 CSS 长得几乎是一模一样,代码都包裹在一对大括号里...
    夜幕小草阅读 1,774评论 2 10
  • 学过CSS的人都知道,它并不是一种编程语言。 你可以用它开发网页样式,但是没法用它编程。也就是说,CSS基本上是设...
    小小奶狗阅读 303评论 0 0
  • "CSS预处理器"[http://www.catswhocode.com/blog/8-css-preproces...
    lovelydong阅读 517评论 0 1
  • 燕子家发现,怎么别人烫了头发后都显得那么日韩少女小姐姐范,而你烫完却瞬间显老,变成了传说中的欧巴桑...... 重...
    美业助手阅读 491评论 0 0