Sass

2022/6/4 23:20:17

本文主要是介绍Sass,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

Sass

Sass 不同于 CSS 的一个特点是它允许使用变量。 可以在 Sass 中声明变量,并为它赋值,就像在 JavaScript 中一样。

在 JavaScript 中,变量是使用 let 和 const 关键字定义的。 在 Sass 中,变量以 $ 开头的,后跟变量名。

 

在 Sass 中,mixin 是一组 CSS 声明,可以在整个样式表中重复使用。


```
@mixin box-shadow($x, $y, $blur, $c){ 
  -webkit-box-shadow: $x $y $blur $c;
  -moz-box-shadow: $x $y $blur $c;
  -ms-box-shadow: $x $y $blur $c;
  box-shadow: $x $y $blur $c;
}
```
mixin 可以通过 @include 指令调用。
```
div {
  @include box-shadow(0px, 0px, 4px, #fff);
}
```
                   

这篇关于Sass的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程