在本地主机的 HTML 中无法 link 到 CSS

Question

我无法在本地主机的 HTML 文件中链接到我的 CSS 文件。我的 index.html 和 styles.css 在 /var/www/html/project 我在浏览器中用 localhost/project/index.html 调用它，只有 html 正在打印。当我在浏览器中打开 html 时，它工作正常。

我试过了

<link rel="stylesheet" href="http://var/www/html/project/styles.css" media="all">

我也在href里试过

localhost/project/styles.css

或project/styles.css 或 /project/styles.css

但是没有，我做错了什么？

感谢

Answer 1

以VS13为例link css如下图：

  <link href="~/MyFolder/Style.css" rel="stylesheet" />

Answer 2

你试过了吗：

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

如果你的 css 文件和你的 html 文件在同一个文件夹中，我想你只需要通过名称和文件扩展名来引用它。

Answer 3

如果 CSS 文件在项目文件中（与 index.html 文件一起），您的 link 应该如下所示：

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

Answer 4

您为 CSS 文件放置的路径应该与 html 文件的位置相关。

如果您的 HTML 文件的路径是 /var/www/html/project/index.html，那么它的位置是项目文件夹。该文件夹成为您项目的 "root"，CSS 路径应该是相对于它的：

styles.css

Answer 5

所以我添加了 type = text/css 并且感谢 CSS 正在工作，但是如果我将我的 CSS 移动到 CSS 文件夹中 css/styles。 css 不工作我的 html 文件在 /var/www/html/project/index.html 和我的 css 文件在 /var/www/html/project/css/styles.css

但无论如何图片都不会收费:

我的图片在 /var/www/html/project/img/banner.jpg

Answer 6

我也找到了解决办法。你不需要任何东西。做

<style type="text/css" media="all">
    /* Your code */
</style>

和

<script type="text/javascript" charset="UTF-8">
    // Your code
</script>

别link他们。做内部。稍后谢谢我

在本地主机的 HTML 中无法 link 到 CSS

cant link to CSS in HTML in localhost

html

css

localhost