随笔分类 -  sass

摘要:Sass中的Map长什么样 Sass 的 map 常常被称为数据地图,也有人称其为数组,因为他总是以 key:value 成对的出现, Sass 的 map 长得与 JSON 极其相似。 json: Sass中的map 如何定义map 首先有一个类似于 Sass 的变量一样,用个 $ 加上命名空间来 阅读全文
posted @ 2016-07-27 16:48 ヤTop灬ヽ 阅读(1820) 评论(0) 推荐(0)
摘要:字符串函数 To-upper-case() 函数将字符串小写字母转换成大写字母 To-lower-case() 函数 与 To-upper-case() 刚好相反,将字符串转换成小写字母 数字函数 Sass 中的数字函数提要针对数字方面提供一系列的函数功能: percentage($value):将 阅读全文
posted @ 2016-07-27 15:28 ヤTop灬ヽ 阅读(908) 评论(0) 推荐(0)
摘要:为sublime text 添加LESS语法高亮 功能:LESS高亮插件 下载 https://packagecontrol.io/packages/LESS 简介:用LESS的同学都知道,sublime没有支持less的语法高亮,所以这个插件可以帮上我们 使用:打开.less文件或者设置为less 阅读全文
posted @ 2016-07-27 14:42 ヤTop灬ヽ 阅读(2222) 评论(0) 推荐(0)
摘要:一、@if 指令: @if 指令是一个 SassScript,它可以根据条件来处理样式块,如果条件为 true 返回一个样式块,反之 false 返回另一个样式块。在 Sass 中除了 @if 之,还可以配合 @else if 和 @else 一起使用。 编译出来的CSS: 二、@for 循环 在 阅读全文
posted @ 2016-07-27 14:12 ヤTop灬ヽ 阅读(313) 评论(0) 推荐(0)
摘要:初学者都常常纠结于这个问题“什么时候用混合宏,什么时候用继承,什么时候使用占位符?”其实他们各有各的优点与缺点,先来看看他们使用效果: a) Sass 中的混合宏使用 编译出来的 CSS 见右侧结果窗口。 总结:编译出来的 CSS 清晰告诉了大家,他不会自动合并相同的样式代码,如果在样式文件中调用同 阅读全文
posted @ 2016-07-25 15:49 ヤTop灬ヽ 阅读(376) 评论(0) 推荐(0)
摘要:常常有人会问,使用 Sass 进行开发,那么是不是直接通过“<link>”引用“.scss”或“.sass”文件呢? 那么这里告诉大家,在项目中还是引用“.css”文件,Sass 只不过是做为一个预处理工具,提前帮你做事情,只有你需要时候,他才有攻效。 这样一来,也就有了这章需要介绍的内容—— Sa 阅读全文
posted @ 2016-07-25 14:17 ヤTop灬ヽ 阅读(389) 评论(0) 推荐(0)