随笔分类 -  Sass

摘要:1、混合宏。 当样式变得越来越复杂,需要重复使用大段的样式时,使用变量就无法达到我们目的了。这个时候混合宏就派上用场了。 而使用混合宏时,首先要声明混合宏,而声明混合宏时有两种,不带参数混合宏和带参数混合宏两种。 1.1 不带参数混合宏的声明要使用关键词@mixin。例如: 其中 @mixin 是用 阅读全文
posted @ 2017-10-11 14:15 江峰★ 阅读(332) 评论(0) 推荐(0) 编辑
摘要:Sass 中还提供了选择器嵌套功能,但这也并不意味着你在 Sass 中的嵌套是无节制的,因为你嵌套的层级越深,编译出来的 CSS 代码的选择器层级将越深,这往往是大家不愿意看到的一点。 选择器嵌套为样式表的作者提供了一个通过局部选择器相互嵌套实现全局选择的方法,Sass 的嵌套分为三种: 选择器嵌套 阅读全文
posted @ 2017-10-10 17:48 江峰★ 阅读(1013) 评论(0) 推荐(0) 编辑
摘要:Sass环境搭建,详情见另一篇博文 安装Ruby、Sass与Compass 我们都知道Sass其实有两种,一种是Sass,一种是SCSS。 Sass 和 SCSS 其实是同一种东西,我们平时都称之为 Sass,两者之间不同之处有以下两点: 今天我要讲的SCSS编译方式是命令编译方式,在命令编译方式中 阅读全文
posted @ 2017-10-07 21:46 江峰★ 阅读(4993) 评论(0) 推荐(0) 编辑
摘要:SASS分为两种语法,一种是SCSS,另一种就是SASS。到目前为止,我们所说的SASS其实就是其新语法,也就是——SCSS,只不过大家都还是习惯性的称之为SASS。这一点需要注意。 下面是一个简单的sass示例: 现在我们将创建文件作为 style.scss 这是非常类似于CSS。它将保存为.sc 阅读全文
posted @ 2017-06-14 09:17 江峰★ 阅读(292) 评论(0) 推荐(0) 编辑
摘要:sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby。(注:mac下自带Ruby无需在安装Ruby!) window下安装SASS首先需要安装Ruby,先从官网下载Ruby并安装。安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量 阅读全文
posted @ 2017-06-13 19:45 江峰★ 阅读(1972) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示