CSS未链接到HTML页面

我在玩一个建设一个小网站。在html我有我的link到我的CSS文件，但由于某种原因CSS没有显示在页面上。

链接tag如下所示：

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

该网站不包含我建立的任何样式。我在这里做错了什么？

2017-07-08 Owen Nel

什么是文件夹结构？你使用哪个Web服务器？文件协议？ – tom10271

将它放在与您的html文件相同的文件夹中，然后将其更改为href =“style.css”。它工作吗？如果是这样，将其移入styles文件夹并将其更改为href =“styles/style.css”。还在工作？它们都不是，它不是路径问题，它与你的配置有关。 – LDJ

首先检查您的浏览器控制台是否有链接错误，然后检查网络面板。请分享您的文件夹结构。 – Shiladitya

文件夹结构1

如果这样的文件夹结构，那么你的链接标签应该是

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

文件夹结构2

如果你的文件夹结构是像上面那么链接标签应该是

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

文件夹结构3

如果你的文件夹结构类似于上面那么链接标签应该是

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

这可以帮助你。对于任何错误检查浏览器控制台。

2017-07-08 10:52:53 Shiladitya

谢谢，我只需要省略'。/'从路径中。 –

@OwenNel - 省略'。/'应该没有区别。它只是意味着“在这里”。 – Quentin

@OwenNel ./表示当前目录/位置 – Shiladitya

-1

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

尝试包括代码的头，我上面显示mystyle.css改写自己的CSS文件，确保具有相同的名称作为您的css文件是检查，如果一个字母是大写。
我看到你也写了text/css而不是test.css，这是正确的。

2017-07-08 10:46:15

回答