CSS3插件仅提供语法高亮和基础片段，不支持属性自动补全；需手动切换语法并配合Emmet等工具实现智能提示。
Sublime Text 3 装不了 CSS3 插件？先确认你装的是哪个“CSS3”
Sublime Text 本身不带 CSS3 语法支持或智能提示，所谓“CSS3 插件”其实是第三方包，最常用的是 CSS3（作者：aaronpowell）——它只提供语法高亮和基础片段，**不是自动补全工具**。很多人装完发现没提示、没属性联想，就以为装失败了，其实是预期错了。
常见错误现象：Ctrl+Space 没反应、display 后不弹出 flex/grid、输入 tran 不补全 transform。
- 这个
CSS3包仅替换默认的CSS语法定义，让transition、backdrop-filter等新属性不标红 - 它不改补全逻辑，也不读取浏览器兼容性数据
- 如果你要的是“输入
bord就列border-radius、border-image”，得靠AutoFileName或Emmet配合，而不是这个插件
用 Package Control 安装 CSS3 插件的实操步骤
别手动下载 zip 解压到 Packages 目录——容易路径错、版本旧、更新难。Package Control 是唯一靠谱方式。
- 按
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（Mac），调出命令面板 - 输
Install Package，回车，等仓库列表加载完 - 搜
CSS3，**认准作者是aaronpowell的那个**（图标是蓝色 CSS3 logo），点它安装 - 装完重启 Sublime 或手动切换语法：右下角点击当前语法名 →
Open all with current extension as...→CSS3
注意：装完不会自动把已有 .css 文件切到新语法，必须手动切一次，否则还是用老 CSS 语法高亮，新属性照样标红。
立即学习“前端免费学习笔记（深入）”；
为什么装了还是不提示 gap、aspect-ratio？
因为 Sublime 默认的补全源只来自已打开文件 + 内置 CSS 片段，而 CSS3 插件不往里面塞新词条。它只解决“标红”问题，不解决“想不到写啥”问题。
- 想获得现代 CSS 属性提示，得开
auto_complete并确保auto_complete_selector包含source.css - 更有效的方式是装
Emmet：输入d:f→Tab→ 补全display: flex；bgc→background-color - 如果坚持用原生补全，可以手动往
Packages/User/css_completions.py里加词条（但维护成本高，不推荐）
性能影响几乎为零，但如果你同时开了十几个补全类插件（SublimeCodeIntel、Anaconda 等），反而会拖慢响应——CSS 场景没必要上重型工具。
Windows/macOS 下路径和兼容性要注意什么
Package Control 自动处理路径，不用管 Packages 目录在哪。但两个细节常被忽略：
- Sublime Text 4 用户：确认你用的是最新版 Package Control（v4.x），旧版可能无法加载
CSS3插件 - macOS 上如果从官网 dmg 安装，插件默认装在
~/Library/Application Support/Sublime Text 3/Packages/，不要手抖删错目录 - 多用户环境（如公司统一部署）：插件装在用户目录下，不影响他人，也无需管理员权限
真正容易被卡住的，是装完没手动切换语法，或者误把 CSS3 当成“AI 补全器”——它只是个更全的语法定义文件，不是魔法。
