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; //当一个颜色被多次调用时，最好用一个有意义的变量名来保存它

 

转载于:https://www.cnblogs.com/xibeibei/p/4507944.html