最常见的css不生效原因是link标签href路径错误，需确保路径相对于html文件位置、rel="stylesheet"属性完整、html和css文件已保存、编码统一为utf-8。
link 标签写错路径，CSS 就不生效
最常见的问题是 <link> 的 href 路径不对，浏览器根本找不到 CSS 文件。DW（Dreamweaver）里双击打开 HTML 时用的是 file:// 协议，路径必须相对于当前 HTML 文件位置，不是相对于 DW 工作区或项目根目录。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 把
style.css和index.html放在同一文件夹下，<link rel="stylesheet" href="style.css">就能直接生效 - 如果 CSS 在
css/style.css，HTML 在上层，就写href="css/style.css"，别写成./css/style.css或/css/style.css（后者会从系统根目录找） - DW 里右键
<link>标签 → “编辑链接”，它会自动补全相对路径，比手敲更稳 - 检查浏览器开发者工具的 Network 标签页：如果
style.css显示 404 或状态为 (blocked) / (failed)，基本就是路径或大小写问题
rel="stylesheet" 缺失或拼错，CSS 被忽略
DW 不会自动校验 <link> 的属性值，漏写 rel="stylesheet" 或写成 rel="style"、rel="css"，浏览器就不当它是样式表，直接跳过加载。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 必须写全
<link rel="stylesheet" href="style.css">，少一个单词都不行 - 别用
<style src="..."></style>—— 这个标签根本不存在，是常见手误 - DW 的“插入”菜单 → “HTML” → “链接”，勾选“启用样式表”，它会自动生成合规代码
HTML 文件没保存，DW 预览时看到的是旧结果
DW 的实时视图或在浏览器中预览（F12）依赖的是已保存的 HTML 文件。如果改了 <link> 但没 Ctrl+S，DW 可能还在渲染上一版缓存内容，你会误以为链接失败。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 每次改完 HTML 或 CSS，务必先保存当前文件（
Ctrl+S），再刷新浏览器 - 按
F12在外部浏览器预览时，注意地址栏是否还是file:///...，如果是，关掉页面重新用 DW 启动，避免浏览器缓存旧版本 - 临时加个无害改动（比如在
里加<p>test</p>），保存后刷新——如果这个文字出来了，说明文件已更新；如果没出来，就是没保存或路径错了
CSS 文件编码不一致，中文注释或选择器乱码
如果 CSS 里写了中文类名（如 .按钮）或含中文注释，而文件保存为 GBK 编码，HTML 又声明了 <meta charset="utf-8">，DW 和浏览器可能解析错位，导致样式不匹配或控制台报编码警告。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 统一用 UTF-8 编码：DW 中，文件 → “转换为 UTF-8 编码”，勾选“包括 BOM”（对 HTML/CSS 更稳妥）
- HTML 文件开头确认有
<meta charset="utf-8">，且放在最前面 - 避免在 CSS 中使用中文类名，优先用英文（
.btn比.按钮更可靠）
