CSS路径错误主因是混淆基准点：HTML中link的相对路径以HTML文件为起点，CSS内@import和url()均以CSS文件自身位置为起点，绝对路径“/”从域名根开始；单文件组件中style标签的url()需构建工具显式支持别名或改用JS导入。
CSS文件404：相对路径为什么总差一级
浏览器加载CSS时显示
，大概率是相对路径写错了。相对路径从HTML文件所在位置出发计算，不是从CSS文件自身位置——这是最常被忽略的前提。
比如
在
，引用
，那浏览器就会去请求
；但如果
里又用
，这个
的路径就从
开始算，不是从
。
用开发者工具的 Network 面板点开失败的CSS请求，看浏览器实际发的是哪个URL，反推路径起点
避免在CSS内部用
带相对路径，尤其跨目录时——它不继承HTML的基准路径
如果必须用
，优先写成绝对路径，如
绝对路径加斜杠还是不加：/static vs static
以
开头的路径是根绝对路径，从域名后第一级开始；不加
是相对路径。但很多人混淆了“服务器根目录”和“项目源码根目录”。
比如本地开发用 Vite，
下放的文件可通过
直接访问；但如果你把CSS放在
，构建后它会被复制到
，此时写
肯定404。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
立即学习
“
前端免费学习笔记（深入）
”；
→ 请求
，需确保该路径有静态服务响应
→ 相对于当前HTML路径，可能变成
Vite/Webpack 中，
下资源走根路径，
下资源必须用
或
让打包器处理
background-image路径失效：CSS里的url()不是相对HTML
CSS中
的路径基准永远是CSS文件自身位置，和HTML在哪毫无关系。这也是最隐蔽的坑——HTML路径改了不影响它，但CSS挪个文件夹，所有
就全挂。
例如
里写了
，那它找的是
，而不是
或
。
构建工具（如PostCSS）可配
插件自动重写路径，但需明确声明
类型
现代方案更推荐用
引入图片，在JS中传给CSS变量或内联样式，路径由模块系统解析
实在要用
，统一把图片放在CSS同级或子目录下，减少上级跳转
Vue/React单文件组件里
net::ERR_ABORTED 404index.html/src/pages/../styles/main.css/src/styles/main.cssmain.css@import "vars.css"vars.css/src/styles//src/pages/@import@import@import "/styles/vars.css";//public//xxx.csssrc/assets//assets/xxx-xxxx.css/src/assets/main.css/styles/main.csshttps://site.com/styles/main.cssstyles/main.css/pages/styles/main.csspublic/src/importurl()url()url()css/components/button.cssbackground-image: url("../images/bg.png")css/images/bg.pngimages/bg.pngsrc/images/bg.pngpostcss-urlurlimporturl()