Question

我不确定如何将CSS链接到HTML。这是我目前的链接方式：

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

但是当我这样做并保存它时，我没有看到任何变化，所以我使用了<style>标签。我也使用Sublime Text，如果这与问题有关：

<style type="text/css">
  body {
    background: green;
    color: black;
    background-color: red;
  }
</style>`

Answer 1

尝试绝对路径。

变化：

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

到

<link href="http://yourwebsite.com/styles/main.css" rel="stylesheet" type="text/css"/>

如果这不起作用，请编辑您的问题以包含main.css文件的内容，因为这可能是对如何编写样式表的一个简单误解。

快乐的编码。

Answer 2

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

如上所述，您的main.css文件必须位于名为“styles”的子文件夹中，相对于您的html文档。

这是可视化的结构：

如果您在同一文件夹中有main.css文件，则可以将链接标记更改为：

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

Answer 3

如果您使用的是Chrome，请按 CTRL + U 并右键单击 main.css 并在新标签页中将其打开。如果无法显示文件，则路径可能不正确

Answer 4

正如其他人所说的那样，路径可能是错误的。尝试将该路径附加到html页面的url，减去html文件。

例如：true变为http://www.mysite.me/index.html

如果css文件没有出现，那么你的路径就不正确了。

如果您的css文件包含http://www.mysite.me/styles/main.css和<script>，那么这就是您的问题。 CSS文件应该只包含样式表文本，这些标记用于在HTML中输入样式表而不使用你想要做的链接（道具给你;）

main.css文件的内容应如下所示：

</script>