Sass
iKendall
kk.
展开
-
Sass和Scss有什么区别?
Sass 官网上是这样描述 Sass 的:Sass 是一门高于 CSS 的元语言,它能用来清晰地、结构化地描述文件样式,有着比普通 CSS 更加强大的功能。Sass 能够提供更简洁、更优雅的语法,同时提供多种功能来创建可维护和管理的样式表。Sass 和 SCSS 其实是同一种东西,我们平时都称之为 Sass,两者之间不同之处有以下两点:1.文件扩展名不同,Sass 是以“....原创 2019-03-09 16:47:50 · 890 阅读 · 0 评论 -
【详细】Sass安装、查测、更新、卸载(windows版)
我们在 Windows 平台下安装 Ruby 需要先有 Ruby 安装包,大家可以到 Ruby 的官网下载对应需要的 Ruby 版本,建议我们这些新手先下载官网建议的2.5.3-1(x64)版本。Ruby 安装文件下载好后,可以按应用软件安装步骤进行安装 Ruby。在安装过程中,个人建议将其安装在 C 盘下,在安装过程中选择第二个选项(不选中,就会出现编译时找不到Ruby环境的情况),如下图所...原创 2019-03-09 17:23:35 · 4782 阅读 · 0 评论 -
Sass不同样式风格的输出方法
[Sass]不同样式风格的输出方法1.嵌套输出方式 nested2.展开输出方式 expanded3.紧凑输出方式 compact4.压缩输出方式 compressed1.嵌套输出方式 nestedSass 提供了一种嵌套显示 CSS 文件的方式。例如nav { ul { margin: 0; padding: 0; list-style: none...原创 2019-03-09 19:20:17 · 266 阅读 · 0 评论 -
Sass混合宏详解
如果你的整个网站中有几处小样式类似,比如颜色,字体等,在 Sass可以使用变量来统一处理,那么这种选择还是不错的。但当你的样式变得越来越复杂,需要重复使用大段的样式时,使用变量就无法达到我们目了。这个时候Sass 中的混合宏就会变得非常有意义。1.声明混合宏不带参数混合宏:在 Sass 中,使用“@mixin”来声明一个混合宏。如:@mixin border-radius{ ...原创 2019-03-11 20:06:02 · 354 阅读 · 0 评论 -
[Sass]混合宏/继承 /占位符区分
“什么时候用混合宏,什么时候用继承,什么时候使用占位符?”其实他们各有各的优点与缺点。部分资料整理自慕课网。先直接上代码去对比//SCSS中混合宏使用@mixin mt($var){ margin-top: $var; }.block { @include mt(5px); span { display:block; @include mt(5px)...原创 2019-03-11 21:10:33 · 167 阅读 · 0 评论