07 2022 档案

摘要：

混合指令（Mixin）用于定义可重复使用的样式，避免了使用无语意的 class，比如 .float-left。混合指令可以包含所有的 CSS 规则，绝大部分 Sass 规则，甚至通过参数功能引入变量，输出多样化的样式。阅读全文

posted @ 2022-07-15 11:02 天堂路上阅读(528) 评论(0) 推荐(0) 编辑

摘要：

@import Sass 拓展了 @import 的功能，允许其导入 SCSS 或 Sass 文件。被导入的文件将合并编译到同一个 CSS 文件中，另外，被导入的文件中所包含的变量或者混合指令 (mixin) 都可以在导入的文件中使用。例如： public.scss $font-base-co 阅读全文

posted @ 2022-07-13 11:09 天堂路上阅读(827) 评论(0) 推荐(0) 编辑

sass变量的详细使用

摘要：

sass变量同javascript变量，可以用来存储一些信息，并且可以重复使用。阅读全文

posted @ 2022-07-12 11:54 天堂路上阅读(870) 评论(0) 推荐(0) 编辑

sass语法嵌套规则与注释讲解

摘要：

语法嵌套规则选择器嵌套例如有这么一段css，正常CSS的写法 .container{width:1200px; margin: 0 auto;} .container .header{height: 90px; line-height: 90px;} .container .header .lo 阅读全文

posted @ 2022-07-11 09:20 天堂路上阅读(197) 评论(0) 推荐(0) 编辑

sass的几种输出格式，你都知道吗

摘要：

Sass编译输出的CSS格式可以自定义。有4种输出格式： - :nested – 嵌套格式 - :expanded – 展开格式 - :compact – 紧凑格式 - :compressed – 压缩格式阅读全文

posted @ 2022-07-08 15:02 天堂路上阅读(242) 评论(0) 推荐(0) 编辑

vscode的安装、切换为中文简体、集成sass

摘要：

VScode设置中文打开vscode ，按快捷键“Ctrl+Shift+P” 输入configure language，回车选择安装其他语言（默认是英文的）选择简体中安装（荧光笔标注的地方）按提示重启右下角会有安装成功提示，会有重启(restart)提示按提示重启。下载Live Sa 阅读全文

posted @ 2022-07-07 14:41 天堂路上阅读(278) 评论(0) 推荐(0) 编辑

关于sass（scss）、less、postcss、stylus的简介与区别

摘要：

为什么会出现css预处理器 CSS不是一种编程语言，仅仅只能用来编写网站样式，在web初期时，网站的搭建还比较基础，所需要的样式往往也很简单。但是随着用户需求的增加以及网站技术的升级，css一成不变的写法也渐渐不再满足于项目。没有类似js这样的编程语言所有的变量，常量以及其他的编程语法，css的阅读全文

posted @ 2022-07-05 10:27 天堂路上阅读(1052) 评论(0) 推荐(1) 编辑