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  } 

 }