Html 样式表链接不起作用_Html_Css_Stylesheet Link Tag

Html 样式表链接不起作用

html css

Html 样式表链接不起作用,html,css,stylesheet-link-tag,Html,Css,Stylesheet Link Tag,我无法链接我的CSS样式表：层次结构： index.html： // index.html <!DOCTYPE html> <html> <head> <link href="css/index.css" type="text/css" rel="stylesheet"> </head> <body> <p class="blue">Hello</p> </bo

我无法链接我的CSS样式表：

层次结构：

index.html：

// index.html
<!DOCTYPE html>
<html>
  <head>
    <link href="css/index.css" type="text/css" rel="stylesheet">
  </head>
  <body>
    <p class="blue">Hello</p>
  </body>
</html>

“字体”属性不正确

尝试替换此选项：

.blue {
  font:blue;
  font-size: 20px;
}

据此：

.blue {
  color:blue;
  font-size: 20px;
}

css路径似乎是正确的，您可以在浏览器控制台的“网络”选项卡上进行检查，如果收到HTTP 200，则加载文件，如果找不到404。请尝试w3 css验证程序：

我有一个类似的问题，它说css文件中有一个汉字，但该文件在记事本和其他地方看起来很好。使用BabelPad，我发现该文件的编码是UTF16LE。我把编码改为UTF8，效果很好

您在控制台或网络选项卡中看到了什么？如果index.css位于css文件夹中，并且css文件夹与index.html位于同一目录中，那么我发现您的样式表链接没有问题。是的，问题不在代码本身中。。这是我的后台框架。然后请删除该问题。

.blue {
  color:blue;
  font-size: 20px;
}