Question

我不知道为什么我的CSS样式表和HTML文件没有链接。

这是我在HTML文件中的代码。

<head>
    <title>Website Sample</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width = device-width, initial-scale = 1">
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="C:\Users\Sam\Desktop\web\style.css" />

</head>

这是CSS

.section2 {
  height: 3000px;
  width: 100px;
  background-color: yellow;
}

Answer 1

您无法使用Windows样式链接。将其更改为file:///网址：

<link rel="stylesheet" type="text/css" href="file:///C:/Users/Sam/Desktop/web/style.css" />

同样最好提供相对路径而不是绝对路径，因为它在托管的任何地方都是灵活的，并且在您想要迁移它时也有帮助。

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

对当前HTML标准的更新，没有必要为type和<link>标记设置<script>属性。因此，您可以进一步将其降低到：

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

Answer 2

检查此路径，

你不能从你的根提供绝对路径，你需要传递

相对路径

请检查以下链接：

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

Answer 3

将css文件保存在与HTML文件相同的文件夹中，然后提供css文件名：

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

或提供相对路径，假设您将css文件保存在名为＆＃39; css＆＃39;的文件夹中，如：

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

或者喜欢：

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

其中＆＃39;〜＆＃39;象征你的根目录。

CSS样式表没有链接到HTML

3 个答案: