Question

在我的html文件中，我有：

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

尽管css文件不可见，所以样式不会发生，但是html是纯文本。

文件结构如下：

文件名

  -css
     -styles
  -index.html

我的控制台.log中也没有任何404错误

能不能请您帮我弄清楚为什么我看不到任何样式？

Answer 1

您应该像这样链接它：

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

请确保您的文件名为styles.css，而不是style.css

您可以在浏览器的“网络”标签中查看文件是否已加载。

Answer 2

这是来自w3schools的示例，您的html应该如下所示：

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="styles.css">
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

只需确保您具有css文件的正确路径。例如，尝试./css/styles.css

CSS文件不可见-文件未设置样式

2 个答案: