2017-02-04 34 views
0

工作的一個項目,我現在有這樣的:爲什麼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文件。

+1

您是否嘗試過預先考慮相對於網站根目錄的「/」含義? – Dev

+0

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

+0

normalize.css文件夾在styles文件夾下? –

回答

1

在巡視窗口中,右鍵單擊樣式錶鏈接並選擇open in new tab

從那裏,你將能夠看到在頁面試圖從拉你的CSS的完整URL。這應該讓你更好地瞭解你需要做些什麼來解決它。

此外,我會嘗試將./添加到href的開頭。  即href="./styles/main.css"

1

編輯行

HREF = 「樣式/ normalize.css/normalize.css和 HREF =」 樣式/ main.css的

替換這兩個線路

href =「./ styles/normalize.css/normalize.css」and href =「./ styles/main.css」

相關問題