码迷,mamicode.com
首页 > 其他好文 > 详细

Sass的基本用法

时间:2015-04-28 13:48:48      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:

我们可以通过Sass提供的在线编译器来学习和调试Sass,地址是:http://sassmeister.com/

1,使用变量

在Sass中可以像一般编程语言一样定义变量,实现一处定义随处调用的功能。定义变量只需要使用$加上变量名即可,例如:

$color1:#f50;
.main{
  color:$color1;         
}

将会生成如下CSS代码:

.main{ 
  color:#f50;  
}

 另外,Sass的智能化程度非常高,在定义颜色值的时候,它会尽可能编译成颜色的英文值,例如:

$color1:#f00;
.main{
  color:$color1;  
}

以上代码会生成如下代码:

.main{
  color:red;  
}

 

Sass的基本用法

标签:

原文地址:http://www.cnblogs.com/suliang1100/p/4462615.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!