CSS格式化4种标准名称（Sass官方输出格式名称，也是格式化工具通用叫法），主要用于css排版美化使用。
- expanded 展开：开发通用、每行一属性、可读性最强（日常开发首选）
- compact 紧凑：单规则单行、简洁规整、轻量排版（小型项目使用）
- nested 嵌套：右括号不换行、保留嵌套缩进（Sass旧默认、传统项目）
- compressed 压缩：极致压缩、无空格注释、单行打包（生产上线专用）
一、expanded 展开格式（开发首选标准）
官方标准定义*：最通用的前端开发规范，选择器独占一行，*每一个样式属性独立换行、统一缩进，左右大括号单独分行，代码结构清晰、可读性最优，是团队协作默认标准。
标准代码示例
.box {
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
二、compact 紧凑格式（单行规整标准）
官方标准定义*：轻量化规整格式，*单个选择器 + 所有属性统一独占一行，保留基础空格语法，减少代码行数，兼顾简洁性与基础可读性。
标准代码示例
.box { width: 100%; height: auto; margin: 0; padding: 0; }
三、nested 嵌套格式（传统缩进标准）
官方标准定义*：Sass 初始默认格式，保留嵌套缩进特征，*右大括号不单独换行，紧贴最后一个样式属性，适合传统老旧项目、嵌套样式场景。
标准代码示例
.box {
width: 100%;
height: auto;
margin: 0;
padding: 0; }
四、compressed 压缩格式（生产上线标准）
官方标准定义*：线上生产专用格式，*删除所有换行、空格、注释，所有代码压缩为单行，极致缩减文件体积，提升网页加载速度，仅用于项目打包上线。
标准代码示例
.box{width:100%;height:auto;margin:0;padding:0;}