css 文件在 wamp 服务器上不起作用？答案

【问题标题】：css file doesn't work on wahmpserver?css 文件在 wamp 服务器上不起作用？
【发布时间】：2017-12-10 14:33:55
【问题描述】：

我有一个带有 css 的登录表单。当我从我的 whampserver (localhost) 打开它时，它不会显示 css，但是当我将它保存在我的桌面上并从它们打开它时。

有谁知道为什么会发生这种情况。

请不要投反对票，因为这很明显。

【问题讨论】：

你应该在你的project_name文件夹中添加你的css。
尝试把你的css文件和你的php文件放在同一个目录下，并使用相对路径或一些链接，如（localhost/your-directory/stylesheet.css)[#]将你的样式文件链接到你的html
我从未见过这样声明的 doctype。为什么不只是？我也觉得奇怪的是你在你的网址中使用了`\`而不是/。也许是文档设置？
对于基于网络服务器的系统，您无法访问本地分区。
@yvesdaxmaz 谢谢你的反应，不幸的是它没有用。我将我的href更改为：localhost\php-login-minimal-master\views\main.css，但它仍然不显示css。当我在浏览器中实现“localhost\php-login-minimal-master\views\main.css”时，它会显示 css 文件。所以这是正确的链接。

【解决方案1】：

您正在使用 CSS 文件的本地绝对路径（“C:\Users\marij_000....”）。一旦您将站点部署到不同的服务器，它将无法访问您的本地计算机，因此 CSS 链接将被破坏。

最佳实践建议。将“css”文件夹添加到您的项目中，并将所有 CSS 文件放在该文件夹中，然后使用文件的相对路径。例如：

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

第一个“/”表示服务器将从项目的根文件夹开始路径。

【讨论】：

@Italy Gal 有效！！！非常感谢您的回答和清晰的解释。我只有一个问题：它没有在我用这段代码添加的css文件中显示图像：body { background-image:url("typewriter-801921.jpg");图像在同一个目录中，所以它应该可以正常工作吗？你知道为什么没有吗？
再次，将“/”添加到图像 url。还建议将图像放在不同的文件夹中，例如“img”，然后您的 url 将如下所示：“/img/your -image-name.jpg"