Question

我无法链接我的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>

index.css：

// index.css
.blue {
  font:blue;
  font-size: 20px;
}

Answer 1

“font”属性不正确。

尝试替换它：

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

由此：

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

css路径似乎是正确的，您可以在浏览器控制台的网络选项卡上查看，如果您收到HTTP 200文件已加载，如果找不到404。

Answer 2

尝试使用w3 css验证器：http://jigsaw.w3.org/css-validator/ 我有一个类似的问题，它说css文件中有一个中文字符，但文件在记事本和其他地方看起来很好。使用BabelPad http://www.babelstone.co.uk/Software/BabelPad.html我发现该文件的编码是UTF16LE。我将编码更改为UTF8并且工作正常。

样式表链接无法正常工作

2 个答案: