如何解决CSS链接问题

时间:2019-09-23 10:20:10

标签: html css

我想为我创建一个简单的样式,因此我链接了一个CSS文件,当我在浏览器中打开HTML文件时,该样式未应用,并且在我操作控制台时出现了错误。

我尝试过!DOCTYPE html, type="text/css",但没有任何效果。

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

结果仅是HTML文件,而CSS和控制台中没有任何内容 显示的错误是:

  

拒绝应用“ http://127.0.0.1:3001/styles.css”中的样式,因为   其MIME类型('text / html')不是受支持的样式表MIME类型,   并启用了严格的MIME检查。

2 个答案:

答案 0 :(得分:1)

您可以浏览URL http://127.0.0.1:3001/styles.css吗?确保您的路径正确。如果可以,请尝试

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

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

或仅将CSS文件移动到“ assets /”目录中。

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

答案 1 :(得分:0)

要检查样式表是否有效,最简单的方法是将CSS文件保留在index.html文件所在的目录中,然后尝试: