CSS 不适用于 Localhost

Question

我正在构建一个站点，并且我的所有 CSS、HTML 都运行良好。我想添加一些 PHP 功能，所以我在我的 Mac 上用 Apache 创建了一个本地开发环境。然后我将我所有的站点文件夹移动到可以通过本地主机访问的新站点文件夹。加载我的网站时，现在没有加载我的 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)

然后你会像这样引用 Bootstrap 文件

<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" />

同样，如果您从您试图从中使用它们的站点外部提供它们，则以上内容仅。如果它们在您正在处理的元素中，则从尝试使用它们的文件中相对引用它们。