随笔分类 -  Less & Sass

Sass基础知识
摘要:Sass扩展/继承@extend 代码的继承,声明方式:.class;调用方式:@extend 如: 编译出来的 CSS:: 从示例代码可以看出,在 Sass 中的继承,可以继承类样式块中所有样式代码,而且编译出来的 CSS 会将选择器合并在一起,形成组合选择器: [Sass]占位符 %placeh 阅读全文
posted @ 2017-11-06 12:14 sunmarvell 阅读(315) 评论(0) 推荐(0)
摘要:[Sass]混合宏-声明混合宏 在 Sass 中,使用“@mixin”来声明一个混合宏。 [Sass]混合宏-调用混合宏 “@include”来调用 @mixin 类似函数声明,@include 类似函数调用 不带参数混合宏: 如:声明: 在一个按钮中调用: 带参数混合宏: Sass 的混合宏有一个 阅读全文
posted @ 2017-10-23 22:03 sunmarvell 阅读(311) 评论(0) 推荐(0)
摘要:“CSS 预处理器用一种专门的编程语言,进行 Web 页面样式设计,然后再编译成正常的 CSS 文件,以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性,无需考虑浏览器的兼容性问题。在众多优秀的 CSS 预处理器语言中属Sass、LESS和Stylus最优秀. Sass 和 SCSS 其实 阅读全文
posted @ 2017-10-21 22:33 sunmarvell 阅读(195) 评论(0) 推荐(0)
摘要:1.打开DreamWeaver 2.选择 新建 Less 文件名为.less,保存于Less文件夹中 3.声明文档头:@charset "utf-8"; 4.将Less文件夹拖到Koala里面 5.右键单击Koala里相应的Less 设置输出路径 命名为main.css,即通过Koala软件将Les 阅读全文
posted @ 2017-10-20 10:42 sunmarvell 阅读(456) 评论(0) 推荐(0)
摘要:变量声明 阅读全文
posted @ 2017-09-05 21:22 sunmarvell 阅读(164) 评论(0) 推荐(0)