sass 常用备忘案例详解
Sass通过变量（$）存储值、嵌套（&引用父元素）简化层级、mixin（@include，支持参数与缺省值）复用代码块、继承（@extend）共享样式、运算进行数值计算、@import导入文件拆分模块、@function自定义函数处理逻辑、注释（//与/**/）添加说明，实现样式高效管理与复用，大幅提升CSS编写效率，提高代码可维护性。
一、变量
所有变量以$开头，这是最基础也最常用的特性。比如你想统一管理一个项目的字体大小，直接定义$font_size: 12px，然后在容器里引用就行。看个例子：
$font_size: 12px;.container{ font-size: $font_size;}
变量还能用在字符串里，比如要拼接一个选择器边的方向，就必须用#{}把变量包起来，这样Sass才能正确解析。
$side : left;.rounded { border-#{$side}: 1px solid #000;}
二、嵌套
层级嵌套是Sass最直观的写法，你不需要再写一堆重复的选择器。比如容器下的头部，直接写在.container里面就行。
.container{ display: none; .header{ width: 100%; }}
属性也能嵌套，比如border相关的属性，注意后面要加冒号。
.container { border: { width: 1px; }}
还有个很实用的技巧：用&符号引用父元素，写伪类的时候特别顺手。
.link{ &:hover{ color: green; } }
三、mixin
简单理解，mixin就是可以重用的代码块。通过@include命令来调用。比如你经常要重置某个元素的轮廓样式，可以定义成mixin，需要的地方直接引入。
// mixin@mixin focus_style { outline: none;}div { @include focus_style; }
编译后生成
div { outline: none; }
Mixin还支持参数和缺省值，这能力就强多了。比如定义高度，可以给个默认值200px，需要时再传值。
// 参数、缺省值@mixin the_height($h: 200px) { height: $h;}.box_default { @include the_height;}.box_not_default{ @include the_height(100px);}
编译后生成
.box_default { height: 200px; }.box_not_default { height: 100px; }
四、继承
通过@extend，一个选择器可以继承另一个选择器的样式，这在避免重复定义上非常有用。举个例子：
// 继承.class1{ float: left;}.class2{ @extend .class1; width: 200px;}
编译后生成
.class1, .class2 { float: left; }.class2 { width: 200px; }
五、运算
运算能力让样式更像编程语言。直接上例子，一看就懂。
.container{ position: relative; height: (200px/2); width: 100px + 200px; left: 50px * 2; top: 50px - 10px;}
编译后生成
.container { position: relative; height: 100px; width: 300px; left: 100px; top: 40px; }
插入文件
用@import 来插入外部文件，Sass会自动合并。
@import "outer.scss";
也可以插入普通css文件，注意写法不同。
@import "outer.css";
自定义函数
通过@function 可以定义自己的函数，实现更复杂的计算逻辑。比如让高度翻倍：
@function higher($h){ @return $h * 2;}.container{ height: higher(100px);}
编译后输出
.container { height: 200px; }
注释
注释分两种风格。单行注释用//，编译后会被移除，适合开发过程中的临时说明。标准CSS注释用/* */，会保留到编译后的代码中。
// 单行注释，编译后消失
/* 标准的CSS注释，会保留到编译后的代码中 */
如果有些注释特别重要，在压缩编译后还想保留，可以在/* 后面加上感叹号。
/*!重要注释，压缩编译也不会消失*/
Blender 是一款免费开源、跨平台的专业 3D 创作软件，集建模、动画、渲染、视频编辑与视觉合成等功能于一体，广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎，并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统，安装包轻巧、运行流畅，依托活跃的全球开发者社区持续更新，是从初学者到专业创作者都值得选择的正版 3D 创作工具。
赤友清理大师是一款为 Mac 设计的智能清理优化工具，可精准扫描垃圾、大文件、重复文件等，释放磁盘空间。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。
一款文字处理软件，一种订阅式的跨平台办公软件，基于云平台提供多种服务，通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合，Office 365 可让任何人使用任何设备随时随地创建和共享内容。
CodeExpander 是一款快捷短语输入增强工具，通过键入缩写自动展开为自定义文段，提升工作效率。任务管理和过程控制会更完整，持续下载、批量同步或需要稳定传输流程的场景会更适合它。
Mountain Duck 是一款能将多个网盘挂载到本地的工具，像本地磁盘一样使用网盘。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。
Blender 是一款免费开源、跨平台的专业 3D 创作软件，集建模、动画、渲染、视频编辑与视觉合成等功能于一体，广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎，并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统，安装包轻巧、运行流畅，依托活跃的全球开发者社区持续更新，是从初学者到专业创作者都值得选择的正版 3D 创作工具。
极度公式是一款跨平台专业LaTeX公式识别编辑软件，支持OCR公式识别和多平台编辑。和使用说明，避免使用，享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。
一款文字处理软件，一种订阅式的跨平台办公软件，基于云平台提供多种服务，通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合，Office 365 可让任何人使用任何设备随时随地创建和共享内容。
Wise Folder Hider Pro 是一款专业级文件和文件夹隐藏加密软件，为私密数据添加多重保护。高频操作更强调就近处理，浏览、整理和跨目录移动文件时，来回切换和重复点击都会少很多。
CodeExpander 是一款快捷短语输入增强工具，通过键入缩写自动展开为自定义文段，提升工作效率。任务管理和过程控制会更完整，持续下载、批量同步或需要稳定传输流程的场景会更适合它。
Mountain Duck 是一款能将多个网盘挂载到本地的工具，像本地磁盘一样使用网盘。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。