无法链接到本地主机中的 HTML 中的 CSS答案

【问题标题】：cant link to CSS in HTML in localhost无法链接到本地主机中的 HTML 中的 CSS
【发布时间】：2016-07-06 12:51:15
【问题描述】：

我无法在本地主机的 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

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

谢谢

【问题讨论】：

你说“我有我的 index.html 和 styles.html” 你的意思是你有一个 styles.css 文件，对吧？
是的 style.css 对
尝试使用下面我的答案中的链接。

标签： html css localhost

【解决方案1】：

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

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

styles.css

【讨论】：

好的，但是如果在 project/index.html 和 project/css/styles.css 中有我的 index.html。 href="css/styles.css" 应该可以吗？
您是使用本地服务器，还是直接打开 HTML 文件？
我不确定这是否会回答您的问题，但我正在使用 mozilla 或 chrome 手动编写 localhost/projet/index.html
看来您正在向本地主机提供文件。你需要配置你的本地服务器来处理 css/styles.css 文件。您应该弄清楚您使用的是哪台服务器，然后自己研究该服务器的设置。
如果您想直接查看您的 HTML 文件，请将 file:///var/www/html/project/index.html 作为您的 URL。

【解决方案2】：

你试过了吗：

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

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

【讨论】：

thx 可以工作，但是如果我将我的 css 文件放在 css 文件夹中，则 href="css/styles.css" 不起作用
你的css文件夹在哪里？它是在与您的 html 文件相同的文件夹中还是在不同的位置。正如另一位评论者指出的那样，您的 href 属性值是一个相对地址，因此您提供的值取决于 css 文件夹的位置（参考您的 html 文件）
没问题 :) 很高兴为您提供帮助。如果文件夹 css 与您的 html 文件在同一文件夹中创建，我认为您在那里的地址将起作用。祝你好运

【解决方案3】：

如果 CSS 文件在项目文件中（带有 index.html 文件），您的链接应如下所示：

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

【讨论】：

它像这样工作（只是图像不出现）但是如果我将我的 css 文件放在 css 文件夹中，则 href="css/styles.css" 不起作用......
试试这个：href="/css/styles.css"
太棒了！很高兴我们能提供帮助。如果您可以对我的答案进行投票或标记为正确，那将不胜感激。谢谢！

【解决方案4】：

以 VS13 为例，链接 css 如下所示：

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

【讨论】：

【解决方案5】：

我也找到了解决方案。你什么都不需要。做

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

和

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

不要链接它们。内部做。稍后谢谢我

【讨论】：

【解决方案6】：

所以我添加了 type = text/css 和 thx，CSS 可以正常工作，但是如果我将 CSS 移动到 CSS 文件夹中，css/styles.css 将无法正常工作在 /var/www/html/project/index.html 中使用我的 html 文件和 /var/www/html/project/css/styles.css 中的我的 css 文件

但无论如何，图像都不会充电：

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

【讨论】：