必须安装emmet和css3（aaronpowell版）插件，右下角切换为“css3”语法模式，配置auto_complete_triggers触发冒号补全，并在css3用户设置中启用"enable_experimental": true，才能支持display: grid/flex、gap、aspect-ratio等现代css属性的高亮与补全。
Sublime Text 默认不识别 display: grid 或 display: flex 的语法结构，更不会补全 grid-template-areas、gap、justify-content 这类属性——装错插件或没切对语法模式，写完照样标红、Tab 也不弹提示。
必须装 Emmet + CSS3（aaronpowell 版）两个插件
只装一个等于白装：Emmet 负责缩写展开（比如 d:f → display: flex），CSS3（作者 aaronpowell）才真正替换原生语法定义，让 Grid/Flex 属性不标红、支持基础片段补全（如 gap + Tab → gap: ;）。
- 别搜“CSS3 插件”这种模糊词——搜到的多数是停更的旧包（如 arokor 版），对
aspect-ratio、container查询等完全没支持 - Package Control 中搜
Emmet和CSS3，认准作者名和蓝色 CSS3 logo，不是图标带齿轮的“Autoprefixer”或“CSS Extensions” - 手动解压或 git clone 到
Packages/目录？90% 失败：路径大小写错、sublime-syntax 文件没放对位置、版本不匹配都会导致右下角始终显示 “CSS” 而非 “CSS3”
右下角必须显示 “CSS3”，否则 Grid/Flex 提示全失效
插件装完不会自动切换已有文件的语法模式。哪怕你刚新建一个 style.css，右下角默认还是 “CSS”，grid-area 依然灰底、fr 单位不识别。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 新建文件后，点右下角 →
CSS3 - 已打开的
.css文件：执行View → Syntax → Open all with current extension as… → CSS3 - 用
.module.css或.pcss等非标后缀？在该文件的Preferences → Settings – Syntax Specific里加："syntax": "Packages/CSS3/CSS3.sublime-syntax"（注意路径是CSS3，不是CSS） - 切完语法后建议 Ctrl+R 重载文件，否则高亮和补全可能延迟生效
补全不弹？检查 auto_complete_triggers 是否配了冒号
CSS3 插件本身不改 Sublime 的补全触发逻辑。它只提供词典，不控制“什么时候弹”。输 dis 不会出 display，但输完 display: 后必须立刻弹值列表——前提是触发配置正确。
- 打开
Preferences → Settings – User，确认含这段：
{
"auto_complete": true,
"auto_complete_selector": "source.css -comment",
"auto_complete_triggers": [
{"selector": "source.css", "characters": ":"}
]
}
auto_complete_triggers，或把 source.css 错写成 text.html.basic，会导致 HTML 标签名混进 CSS 补全，选中后直接报错project.sublime-project），检查里面是否覆盖了全局设置，尤其 auto_complete_triggers 字段Grid/Flex 属性写了但没提示？开启 experimental 支持
即使语法和补全都配好了，backdrop-filter、scroll-behavior、inset-area 这类仍属草案的属性，默认不进补全列表。
- 打开
Preferences → Package Settings → CSS3 → Settings - 把
"experimental": false改成true - 重启 Sublime 或重载语法（Ctrl+R），
gap、aspect-ratio等才会出现在补全候选里 - 注意：experimental 开启后，部分属性名可能拼写不稳定（比如
view-transition-name在不同草案中变过），补全项未必完全对应最终标准
最常被忽略的是语法模式切换和 auto_complete_triggers 配置——两者缺一，Grid/Flex 就只是普通文本；而 experimental 开关不开，新属性永远在补全列表之外。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
