Sass 转 CSS
在线将 Sass 和 SCSS 编译为 CSS。支持实时转换、展开或压缩输出、错误行号提示，完整支持变量、混入和嵌套语法。
Sass 和 SCSS 有什么区别？
SCSS 是较新的、与 CSS 写法一致的语法，使用花括号和分号；Sass（缩进式语法）则用缩进和换行代替。本工具两种都支持编译，只需在下拉框中选择语法即可。
支持哪些 Sass 特性？
编译器使用官方 Dart Sass 引擎，变量、嵌套、混入、@include、函数、@use、@extend、@if/@each 等控制指令以及压缩输出样式全部支持。
如何得到压缩后的 CSS？
在编译前把输出样式下拉框切换为“压缩”，编译时会去除空白和末尾分号，生成体积最小的样式表。
为什么错误信息会显示行号？
当代码存在语法错误时，Sass 引擎会报告解析失败的确切行号和列号，工具会把错误显示在输出区域上方，方便快速定位修复。
我的 Sass 代码会被上传到服务器吗？
不会。完整的 Dart Sass 引擎随页面一起加载，编译完全在浏览器本地进行，样式代码不会离开你的设备，即使是私人项目也可以放心使用。
能编译本地文件的 @import 吗？
不能。编译器只处理内存中的单段代码，无法访问文件系统，因此基于文件的 @import 和外部 partial 的 @use 无法解析。
离线可以使用吗？
可以。页面和编译器加载完成之后，编译完全在你的机器上进行，不需要任何网络连接。
编译结果怎么使用？
点击输出下方的按钮即可复制编译后的 CSS，或下载为 style.css，然后在 HTML 中引用，或粘贴进项目样式表。
如何使用Sass 转 CSS
这个编译器在浏览器内运行官方 Dart Sass 引擎。粘贴 SCSS 或缩进式 Sass 即刻得到干净的 CSS——支持变量、混入、嵌套和函数，数据不上传。
- 把 Sass 或 SCSS 粘贴到输入框，或点击“示例”加载一个包含变量和混入的可运行演示。
- 在下拉框中选择语法（SCSS 或缩进式 Sass）和输出样式（展开或压缩）。
- 开启实时编译后，输入的同时即时输出 CSS；也可以手动点击“编译”。
- 如果存在语法错误，输出上方会显示确切的行号和错误信息，方便快速修复。
- 使用输出下方的“复制”或“下载”按钮，将编译后的样式表保存为 style.css。
选择“压缩”输出样式可以直接得到压缩后的样式表，非常适合生产环境使用。
相关工具
- CSS格式化工具 即时格式化和美化CSS代码，将压缩的CSS转换为可读的、缩进良好的代码，支持自定义选项。
- CSS压缩器 免费在线CSS压缩工具。即时压缩和优化CSS代码，移除空白、注释和多余字符。减小文件体积，提升网页加载速度。
- CSS 渐变生成器 可视化创建精美 CSS 渐变。生成支持多色标、自定义角度和位置的线性、径向和锥形渐变。即时复制可投入生产的 CSS 代码。
- CSS Flexbox生成器 可视化CSS Flexbox生成器,实时预览。调整Flex属性,即时获取可用的CSS代码。
- Chmod 计算器 免费在线chmod计算器，通过复选框可视化Linux文件权限并计算chmod值。即时转换数字(755, 644)和符号(rwxr-xr-x)表示法，支持setuid、setgid、sticky bit等特殊权限。
- ASCII码表 完整的ASCII字符编码参考表，包含十进制、十六进制、八进制、二进制编码、HTML实体和字符描述。支持即时搜索和筛选。
- HTTP 请求测试 在浏览器中直接测试 REST API。发送 GET、POST、PUT、DELETE 请求，自定义请求头、请求体和查询参数，即时查看响应状态、头部和 JSON 内容。
- .htaccess生成器 生成Apache .htaccess规则，包括重定向、重写、安全头、缓存、压缩等。