Question

复制其他网站模版，我把他CSS文件打开保存到本地调用，但是无效，调用目标网站远程的css文件却可以？

我是直接复制页面源代码，把css，js文件保存下来，直接在浏览器打开html文件页面正常，但是在wampserver搭建的环境访问时，本地复制下来的CSS无效。
新手求指点，谢谢！

Answer 1

这种情况应该是css路径发生改变造成的。因为你使用wamp访问的时候，css的路径变成了类似：http://localhost/ ....aaa.css的样式，这样路径就变了，要保证整个站点文件的结构一致，才能正常访问。检查修改方法：

1. 找到HTML页面的link标签，看css的路径：

   可能是这样的：xxx/aaa.css 这种情况就建一个叫xxx的文件夹，然后把aaa.css放进去就好。

   如果是 xxx/xxx/aaa.css 这种相应的创建xxx/xxx（两层目录）然后把aaa.css放进去就好。

2. 注意路径前面是否有【./】或者【../】有的话要注意文件夹结构。./是同级目录，而../是上一级目录。

3. 可能HTML里的css文件没有采用相对路径，而是绝对路径，即还保留那个网站的网址，比如：http://www.baidu.com/style/css/aaa.css  这样的话，在浏览器直接打开的时候，它的css还是从原站加载下来，而不是你下下来的css文件，但当你在wamp使用的时候，网址变了，自然不能加载了。

虽然直接修改HTML的css路径也能解决，但就怕你的页面太多，改不过来，所以修改css的文件夹结构是最简单的方式。

当然，碰到像上面第3点提到的情况，就只能一个一个HTML文件的进行替换了（替换成相对路径，即把域名去掉，改成像./css/aaa.css这样的）。

追问

css路径应该没错，我查看源码直接点击css路径是可以在浏览器中打开css文件的。
另外直接用浏览器打开文件 file:///F:/moban/qqq.html，页面是正常的。

追答

看下你HTML源码，和wamp站点文件结构（CSS文件存放位置）。

index.html

是www来着。