Question

我用eclipse写的HTML文件无法调用css，也不知道是不是无法调用

我用eclipse写的HTML文件无法调用css，也不知道是不是无法调用不知道是不是无法调用，eclipse测试不行，用浏览器打开也不行，就是无css样式，但是同样的代码Dreamweaver就可以，用浏览器打开也可以。请解答一下。。谢谢。

Answer 1

你用eclipse、Dreamweaver在浏览器打开的时候注意<link>的情况 就知道原因了。它们两个应该有一个是用了自建站点的方式预览（url地址以localhost:xxx/的方式打开），而另外一个肯定是以源文件的方式进行预览，这样的话CSS的地址就不一样。浏览器打开的时候，点击鼠标右键，“查看网页源代码”，检查CSS的地址（src=""），对比一下，你就能找到原因了。

追问

就是localhost那个无法显示，怎么解决呢？

追答

CSS的路径应该使用相对路径：

HTML和css在相同目录：href="./"

不在相同目录：href="../"

在css的路径前面加上上面的前缀看看。例如：

<link href= "../style/css/main.css">

dreamweaver 很有可能使用了绝对路径：类似 file:/// xxx/xx/x.xx  .

追问

可是我两个文件在一个文件夹下面

理论上应该可以直接调用吧

而且你的方法试过了，不行。就是加了./的

谢谢你，我解决了。找到问题了。

追答

嗯，不好意思犯糊涂了，是这样的，带localhost预览的那个，有一个站点根目录的概念，虽然你的HTML和CSS在一个文件夹，但是css的路径前缀"./"或者“../”是相对站点根目录而言的。在编辑器里面一般以编辑器打开的目录作为站点根目录，所以你的css文件的路径应该从站点根目录算起，而不是相对于HTML文件算起。例如：
主目录：mysite（主目录省略）
html和css的文件在page里。
那么css的路径应该是：“./page/main.css”。

追问

没有没有，那个错误是我看错了个文件。，很低级的错误。。

在同一个文件夹下直接用文件名就可以，我反正可以。。

Answer 2

首先确认自己是否保存了css文件