Question

我正在构建一个网站，并且我的所有CSS，HTML都运行得非常好。我想添加一些PHP功能，所以我用Apache在我的mac上创建了一个本地开发环境。然后，我将所有站点文件夹移动到可由localhost访问的新站点文件夹。加载我的网站时，现在没有加载我的CSS样式。我在本地使用Twitter Bootstrap。这就是我的CSS链接在我的html中的样子：

link rel="stylesheet" type="text/css" href="http://localhost/~tromph/YoointooSite/bootstrap.min.css">
link rel="stylesheet" type="text/css" href="http://localhost/~tromph/YoointooSite/main.css">

我已经尝试过几乎所有其他我能想到的路径而且其他任何东西似乎都没有用。

我将文件夹结构和文件路径更改为：

<link rel="stylesheet" type="text/css" href="/bootstrap-3.3.2-dist/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/bootstrap-3.3.2-dist/css/main.css" />

这解决了我没有CSS渲染的问题。现在，CSS中链接的图像没有显示。开发工具告诉我，我的每张图片都收到错误403（禁止）。我该怎么做才能更改此权限？

我花了一些时间来更新权限。现在一切正常。谢谢你的帮助！

Answer 1

我建议相对引用CSS文件。因此，如果您有以下文件夹结构。

myProj
  - css
    - bootstrap
      - bootstrap.min.css
  - index.html (or php)

然后你会像这样引用引导程序文件

<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.min.css" />

根据您的示例猜测您的文件夹结构，我会假设您需要的只是

<link rel="stylesheet" type="text/css" href="bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="main.css" />

但是，如果您的css文件在项目中不，而是在外部提供，则需要从您提供服务的任何地方引用它们。例如，如果将它们提供给端口8080，那么您需要使用该地址来引用它们。

<link rel="stylesheet" type="text/css" href="http://localhost:8080/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="http://localhost:8080/main.css" />

同样，如果您从尝试使用它们的网站向外部提供服务，则上述内容仅。如果它们位于您正在处理的项目中，则相对于尝试使用它们的文件引用它们。

Answer 2

我要看的第一件事是它是否是你的样式表的路径问题。在浏览器中使用Web检查器或开发工具，并在CSS文件中查找404错误。如果有，开发工具将显示它正在寻找的路径，您可以相应地调整样式表的路径。

祝你好运！

Answer 3

在Google Chrome或其他浏览器中使用开发人员工具，在“来源”标签中查找错误。两个常见错误是找不到您的css文件（请参阅上面的相对路径答案），或者您的文件权限可能不允许Apache服务器访问CSS文件。

Answer 4

我想把我的意见投入到作品中。

我将我的一个CSS文件命名为style.css，然后将其删除并创建了一个 new style.css，我的wamp服务器一直引用第一个style.css我做的文件。

所以我将第二个 CSS文件重命名为main_style.css，一切都运行良好。

CSS无法在Localhost上运行

4 个答案: