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

问题描述：

<!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)

很抱歉，如果该目录似乎是混乱，但它主要是指出，拥堵是父文件夹和休息该文件夹在里面，括号是文件夹内的文件。唯一的例外是normalize.css，它是样式内的文件夹，normalize.css文件夹内是normalize.css文件。

您是否尝试过预先考虑相对于网站根目录的“/”含义？ – Dev

http://stackoverflow.com/questions/5713295/specify-a-root-path-of-your-html-directory-for-script-links?rq=1 –

normalize.css文件夹在styles文件夹下？ –

答

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

从那里，你将能够看到在页面试图从拉你的CSS的完整URL。这应该让你更好地了解你需要做些什么来解决它。

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

答

编辑行

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

替换这两个线路

href =“./ styles/normalize.css/normalize.css”and href =“./ styles/main.css”

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

相关推荐