正确写法是href值必须相对于当前HTML文件路径。如index.html在/src/、style.css在/src/css/，则写href="css/style.css"；about.html在/src/pages/时需写href="../css/style.css"；绝对路径href="/css/style.css"需部署到Web服务器才有效。
link标签的href路径怎么写才对
CSS 文件不能“链接另一个 HTML 文件夹”，真正要做的，是让某个 HTML 文件正确加载位于其他文件夹里的 style.css。关键在 <link> 的 href 值——它必须是相对于当前 HTML 文件的路径，不是相对于项目根目录，也不是相对于 CSS 文件。
- 如果
index.html在/src/，而style.css在/src/css/style.css，就写href="css/style.css" - 如果
about.html在/src/pages/about.html，想引用同一级的/src/css/style.css，得写href="../css/style.css"（注意两个点） - 用绝对路径
href="/css/style.css"也可以，但前提是服务器把/映射到项目根，本地双击打开 HTML 会失效
为什么浏览器打不开CSS，控制台报404
90% 是路径错了，而且错得隐蔽。常见现象：HTML 能打开，文字显示正常，但没样式；开发者工具里 Network 标签页看到 style.css 状态是 404，或者预览为空。
- 别信编辑器里右键“复制路径”——它常给绝对路径或 VS Code 的工作区路径，粘贴进
href就挂 - 别在路径里混用反斜杠
\，Windows 也得用正斜杠/，href="css\style.css"是无效的 - 大小写敏感：Linux/macOS 服务器上，
Style.css和style.css是两个文件
不同 HTML 文件共用一个 CSS，怎么组织更稳
只要所有 HTML 都按相同层级关系引用 CSS，就能复用。不推荐靠 JS 动态插入 <link> 或用 @import，那只是把问题往后推。
- 把 CSS 放到项目顶层的
css/文件夹，所有 HTML 都用href="/css/style.css"（需部署到 web server） - 如果纯静态预览，统一把 HTML 放到同一级目录下，比如全放在
/src/，CSS 放/src/css/，然后每个 HTML 都用href="css/style.css" - 避免嵌套太深：像
/pages/a/b/c/d.html引用../../../css/style.css容易数错点，后期移动文件极易断裂
用 Webpack/Vite 等构建工具时路径还这么写吗
不用。这些工具接管了资源解析，你写的 href 会被重写或替换成哈希名，路径逻辑变成模块依赖关系。
立即学习“前端免费学习笔记（深入）”；
- Vite 中，直接
import './style.css'到 main.js 更稳妥，Vite 自动处理路径和 HMR - Webpack 里如果坚持用
<link>，href得写成href=""这种模板语法，实际没人这么干 - 构建工具下，
public/文件夹里的资源才走原始路径，比如public/css/style.css可用href="/css/style.css"
