scss样式指南学习笔记(一)

.fuwo{
  display:block; //使用两个空格代表缩进,而不是使用tab键
  font-family:'Arial'; //字符串用引号包裹起来
  background:url('/images/bg.jpg'); //URL最好也用引号包裹起来
  opacity: 0.5; //当数字小于1时,应该在小数点前写出0.,永远不要显示小数尾部的0

}

$length:0; //当定义长度时,0后面不需要加单位

$value:5;
$length:$value * 1px; //将一个单位添加给数字的时候,实际上是在数值上乘以1个单位
$value:$length / 1px; //要删除一个值的单位,需要除以相同类型的1单位

.fuwo{
  width: (100% / 3); //最高级运算应该始终被包裹在括号中
  color:rgba(0, 0, 0, 0.1); //使用HSL值或者RGB值,通常的逗号后面追加一个空格,而不是在括号和值之间添加空格
  background: hsl(300, 100%, 100%);
}

$main-theme-color:#c69; //当一个颜色被多次调用时,最好用一个有意义的变量名来保存它

 

posted @ 2015-05-16 15:52  aviva1  阅读(412)  评论(0编辑  收藏  举报