根本原因是index.html被错误识别为Text文件而非HTML类型；需在Settings→Editor→File Types中将index.html从Text files移除，并确保HTML Files包含*.html模式。
为什么index.html里HTML标签不着色，但其他.html文件正常
根本原因是 index.html 被错误识别为 Text 文件而非 HTML 类型。PhpStorm 会把首次创建或手动改名的 index.html 自动塞进 Text files 文件类型列表——它不看后缀，只认“历史行为”。一旦归类错误，语法高亮、Emmet、格式化全失效。
验证方式：打开 index.html，看右下角状态栏是否显示 Plain Text。如果是，立刻修复：
- 进入
Settings → Editor → File Types - 在左侧找到
Text files，右侧列表里搜index.html - 选中它，点减号
-删除 - 再确认
HTML Files的 Registered Patterns 中包含*.html
删完不用重启，切换标签再切回来就立即生效。别信“重命名再新建”这种绕路操作——只要 index.html 还在 Text files 列表里，新文件照样被污染。
如何让 <div class="btn"> 中的 btn 显示为 CSS 类颜色
PhpStorm 默认不解析 HTML 中的 class 值，它只当普通字符串。想让类名带 CSS 语义高亮（比如和 .btn 规则同色），必须手动注入语言上下文。
立即学习“PHP免费学习笔记（深入）”；
操作路径固定：
- 把光标放在
class属性的引号内（例如class="btn"的btn上） - 按
Alt+Enter（macOS 是⌥↩） - 选
Inject language or reference → CSS
注入后，btn 会按当前 CSS 颜色方案着色，并支持跳转到定义（如果项目有对应 CSS 文件且已启用索引）。注意：class="btn primary" 这种多值不会整体高亮，只对光标所在单词生效；若要整段生效，得用正则注入（见下一条）。
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
怎么给 style="color:red" 这种内联样式加高亮
内联 style 属性默认是纯文本，CSS 语法校验和高亮全部关闭。强行开启全局 CSS 检查没用，因为 PhpStorm 不自动关联属性值和语言类型。
有两种可靠方式：
-
单点注入：光标放引号内 →
Alt+Enter → Inject language or reference → CSS。适合调试时临时查看 -
批量注入（推荐）：进
Settings → Editor → Language Injections，点+添加新规则：
– Place:HTML attribute value
– Attribute name:style
– Language to inject:CSS
添加后，所有 内容自动高亮、报错、补全。但注意：如果项目用了 Tailwind 或 UnoCSS，这个注入反而会干扰原子类提示——此时应关掉该规则，改用对应插件。
自定义 <script> 和 <style> 块的高亮颜色
默认情况下，<script> 和 <style> 块使用各自语言的颜色方案（JavaScript/CSS），但它们的起始标签 <script>、</script> 本身颜色是固定的，无法直接改。真正能调的是块内代码的“语义级”着色。
修改路径：
- 进
Settings → Editor → Color Scheme → JavaScript（或CSS） - 展开
Keywords、Strings、Comments等节点，单独调整颜色 - 如果想区分
<script type="module">和普通脚本，需先启用Settings → Languages & Frameworks → JavaScript → Libraries中的模块支持
关键提醒：HTML 块内的 JS/CSS 高亮依赖于“嵌入语言识别”，不是靠标签名。所以 <script>console.log(1)</script> 能高亮，但 <script src="a.js"></script> 里什么都没有——这是设计使然，不是 bug。
