摘要: Sass为我们提供了一种方便的操作方式:嵌套。在Sass中,共有3种嵌套方式: (1)选择器嵌套; 例如: $color1:red; $color2:green; $color3:blue; body { color:$color1; .column { color:$color2; .conten 阅读全文
posted @ 2019-10-01 14:41 Moliy-Moliy 阅读(1086) 评论(0) 推荐(1) 编辑
摘要: div { font: Arial, Helvetica, sans-serif; margin: 20px 40px; border: 1px solid gray; } 6.Map值 在Sass中,还为我们提供了另外一种特殊数据类型:Map值。Map值跟JSON值是非常相似的,数据都是以“键/值 阅读全文
posted @ 2019-10-01 14:14 Moliy-Moliy 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 1.在Sass中,共有7种数据类型: (1)数字值;在Sass中,数字(Number)是最基本的数据类型,可以是正数、0或负数。数字在Sass中使用非常广泛,大多数都是结合CSS单位来实现的,例如10px、10em或者10%。虽然它们带有单位,但是技术上依然算是数字 (2)字符串;在Sass中,共有 阅读全文
posted @ 2019-10-01 14:07 Moliy-Moliy 阅读(267) 评论(0) 推荐(0) 编辑
摘要: 1.Sass中,我们声明变量使用的是 $ 美元符号开头,注意一下,定义一个Sass变量必须用“$”开头,不然编译的时候是无法识别的。 语法: 2.Sass中,对于变量的取值有两种方式: 1》一般值:在Sass中,变量的一般值,指的是我们常见的变量值,这个值可以是数字、字符串 等。 例如:$width 阅读全文
posted @ 2019-10-01 10:45 Moliy-Moliy 阅读(2048) 评论(0) 推荐(0) 编辑
摘要: 1.Sass是css预处理器中的一种。 2.什么是css预处理器? CSS预处理器的出现,使得我们可以像操作JavaScript那样以“编程”的方式来书写CSS。在CSS预处理器中,我们可以使用变量、循环、函数等方式来简化操作,提高开发效率。 3.css预处理器语言最常见的3种: 1》Sass 2》 阅读全文
posted @ 2019-10-01 09:45 Moliy-Moliy 阅读(155) 评论(0) 推荐(0) 编辑