Sass
叶子_o
这个作者很懒,什么都没留下…
展开
-
关于Sass
1.CSS 预处理器 CSS 预处理器用一种专门的编程语言,进行 Web 页面样式设计,然后再编译成正常的 CSS 文件,以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性,无需考虑浏览器的兼容性问题。 例如可以在 CSS 中使用变量、简单的逻辑程序、函数等等在编程语言中的一些基本特性。 好处:可以让 CSS 更加简洁、适应性更强、可读性更佳,更易于代码的维护等。 2.CSS 预处理...原创 2019-09-10 18:47:22 · 146 阅读 · 0 评论 -
Sass的基本特性
1.声明变量 Sass 声明变量用美元符号“$”开头。 Sass 的变量包括三个部分: 声明变量的符号“$” 变量名称 赋予变量的值 2.普通变量与默认变量 普通变量 : 定义之后可以在全局范围内使用。 $fontSize: 12px; body{ font-size:$fontSize; } //编译后的css代码: body{ font-size:12px; } 默认...原创 2019-09-10 19:33:38 · 467 阅读 · 0 评论 -
Sass运算
1.加法 加法运算是 Sass 中运算中的一种,在变量或属性中都可以做加法运算。如: .box { width: 20px + 8in; } 编译出来的 CSS: .box { width: 788px; } 但对于携带不同类型的单位时,在 Sass 中计算会报错,如下例所示: .box { width: 20px + 1em; } 2.减法 Sass 的减法运算和加法运算类似,...原创 2019-09-10 20:01:48 · 2593 阅读 · 0 评论