在WordPress中为独立HTML页面引入CSS，必须使用以“/”开头的站点根目录绝对路径（如href="/css/style.css"），而非相对路径或完整URL，否则部署后易404；纯HTML文件无法执行PHP，故不可用<?php echo ... ?>，可行方案是改用.php后缀或手动写死根路径。
/ 开头的路径才是真正的站点根目录绝对路径，不是硬盘路径，也不是完整 URL；用错就 404，而且本地双击打开 HTML 时会直接失败。
浏览器中 href="/css/style.css" 怎么解析
这个 / 表示从当前网站的根目录开始找，和你文件系统里的盘符、../、./ 完全无关。比如部署后网址是 https://example.com/blog/post.html，那么 href="/css/style.css" 就等价于请求 https://example.com/css/style.css。
常见错误包括：
- 写成
href="C:/project/css/style.css"—— 浏览器根本不会发这种请求，直接忽略或报错 - 写成
href="http://localhost:3000/css/style.css"—— 虽然能加载，但换环境就得改，且 HTTPS 页面加载 HTTP 资源会被拦截 - 本地双击打开 HTML 文件时用
/css/...—— 此时/指向本地磁盘根（如file:///css/style.css），必然 404
Express 中 express.static('static') 和 / 路径的关系
调用 app.use(express.static('static')) 后，/css/style.css 就会去查项目目录下的 ./static/css/style.css。关键点是：
立即学习“前端免费学习笔记（深入）”；
- 挂载路径不能加前缀，比如
app.use('/static', ...)就意味着你必须在 HTML 里写href="/static/css/style.css" - 静态文件夹（如
static）必须真实存在，且与app.js同级 - 验证是否生效：直接访问
http://localhost:3000/css/style.css，看能否返回 200 和正确 CSS 内容
WordPress 独立 HTML 页面怎么用绝对路径引入 CSS
纯 .html 文件不执行 PHP，所以不能用 <?php echo get_stylesheet_directory_uri(); ?>。可行方案只有两个：
- 把 HTML 改成
.php后缀，并在开头加<?php require_once($_SERVER['DOCUMENT_ROOT'].'/wp-load.php'); ?>（需确认服务器支持） - 手动写死绝对路径，比如
href="https://yoursite.com/wp-content/themes/yourtheme/css/custom.css"，但域名一换就得批量替换 - 更稳妥的做法：把 CSS 文件放进主题的
assets子目录，然后在 HTML 中用href="/wp-content/themes/yourtheme/assets/css/custom.css"
最容易被忽略的是：CSS 文件本身如果也用了 url() 引入字体或图片，那些路径同样要按「相对于该 CSS 文件所在位置」来写，不是相对于 HTML —— 这个参照系切换很多人第一次踩坑。
