Question

在项目上工作，我目前有这个：

<!DOCTYPE html>
  <html>
    <head>
       <title>Jams</title>
       <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400,800,600,700,300">
       <link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
       <link rel="stylesheet" type="text/css" href="styles/normalize.css/normalize.css">
       <link rel="stylesheet" type="text/css" href="styles/main.css">
    </head>

我的目录是

jams  
|---- musicplayer[index.html]  
|---- styles  
|     |---- main.css  
|     |---- normalize.css(folder)  
|     |     |---- normalize.css(file)

很抱歉，如果目录可能看起来令人困惑，但它主要说明jams是父文件夹，文件夹的其余部分在里面，括号是文件夹中的文件。唯一的例外是normalize.css，其中是样式内的文件夹，normalize.css文件夹内是normalize.css文件。

Answer 1

在检查器窗口中，右键单击样式表链接并选择open in new tab

从那里，您将能够看到页面试图从中提取CSS的完整URL。这应该可以让您更好地了解修复它需要做些什么。

另外，我会尝试将./添加到href的开头。即href="./styles/main.css"

Answer 2

编辑

行

href =“styles / normalize.css / normalize.css and HREF =“样式/ main.css的

用

替换这两行

href =“./ styles / normalize.css / normalize.css”和 HREF = “./样式/ main.css的”

为什么不在HTML文件上运行CSS？

2 个答案: