正在做一个元素,我目前有这个:
<!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 是父文件夹,文件夹的其余部分在里面,括号是文件夹内的文件。唯一的异常(exception)是 normalize.css,它是样式内部的一个文件夹,而 normalize.css 文件夹内部是一个 normalize.css 文件。
最佳答案
在检查器窗口中,右键单击样式表链接并选择在新选项卡中打开
从那里您将能够看到页面试图从中提取您的 CSS 的完整 URL。这应该能让您更好地了解需要做什么来修复它。
此外,我会尝试将 ./
添加到 href 的开头。即 href="./styles/main.css"
关于html - 为什么 CSS 不在 HTML 文件上运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42038350/