在dw中链接外部css只需在中添加标签，常见失效原因是路径错误、文件未保存、浏览器缓存；dw的“附加样式表”功能会自动补路径但易因站点设置出错；推荐用而非@import，因其加载更快且兼容性好；实时视图渲染受限，应以真实浏览器预览为准。
怎么在 DW 里给 html 文件链接外部 CSS
直接在 里加 <link rel="stylesheet" href="xxx.css"> 就行，dreamweaver 不需要额外配置，它只是个编辑器，不干预 HTML 的加载逻辑。
但很多人加完没效果，不是 DW 的问题，而是路径写错了、文件没保存、或者浏览器缓存了旧页面。
- 确保 CSS 文件和 HTML 文件在同一目录，
href就写"style.css"；如果 CSS 在css/子目录，就写"css/style.css" - DW 的“实时视图”或“在浏览器中预览”必须基于已保存的文件——没保存的 HTML 或 CSS 修改不会生效
- 改完 CSS 后刷新浏览器时按
Ctrl+F5（强制重载），避免读缓存里的旧样式
为什么用 DW 插入 CSS 链接后还是不生效
DW 提供的“附加样式表”菜单（格式 → CSS 样式 → 附加样式表）本质也是往 插 <link>，但它会自动补全路径——这反而容易出错。
常见陷阱：
立即学习“前端免费学习笔记（深入）”；
- 选错根目录：DW 默认以当前文件为基准解析路径，但如果项目用了站点定义（
站点 → 管理站点），它可能按站点根目录算相对路径，导致生成的href多了一级或少了一级 - 插入位置错误：如果 HTML 没有
（比如手写漏了），DW 仍会插进去，但浏览器会把孤立的<link>移到文档顶部，样式可能延迟应用甚至被忽略 - 文件编码不一致：CSS 文件用 UTF-8 with bom 保存，而 HTML 是纯 UTF-8，某些老版本 DW 或 IE 会解析失败，建议统一用 UTF-8（无 BOM）
用 @import 还是 <link>？DW 里怎么选
<link> 是标准做法，@import 是 CSS 规则，只能写在 CSS 文件里或 <style></style> 块中。DW 不阻止你手写 @import，但不推荐。
原因很实际：
-
@import会阻塞并串行加载——比如main.css里写了@import "reset.css"，浏览器得先下载解析main.css，再发第二个请求取reset.css，比两个独立<link>慢 - DW 的 CSS 设计面板（
窗口 → CSS 样式）对@import支持弱，可能无法识别导入的规则，导致实时预览异常 - 部分移动端浏览器（尤其旧 android webview）对嵌套
@import有兼容问题，样式直接失效
改完 CSS 在 DW 实时视图里看不到效果？
DW 的实时视图本质是内嵌 webkit 渲染引擎（类似旧版 chrome），它不完全等同于真实浏览器，尤其对现代 CSS 特性支持滞后。
关键点：
- 实时视图不支持
grid、clamp()、aspect-ratio等较新特性，哪怕最新版 DW 也大概率空白或错位 - 如果用了自定义字体（
@font-face），DW 实时视图不会加载远程字体文件，本地字体又没配映射，文字就回退成默认字体 - 最稳妥的做法：写完立刻用
文件 → 在浏览器中预览 → Chrome/firefox，别依赖实时视图做最终判断
路径、编码、缓存、渲染引擎限制——这些才是真实阻碍样式的环节，DW 本身几乎不设障，但它也不帮你绕过底层规则。