2013-08-24 127 views
1

我有一個鏈接HTML和CSS的問題,不知道爲什麼。我正在做的就像書和教程所說的。但是,我沒有去做css的外部配置。html無法鏈接的CSS

這是代碼(只是一個測試):

<!DOCTYPE html> 
<html lang = "eng"> 
    <head> 
     <meta name="viewport" content="width=device-width; initial-scale=1.0"> 

     <title>title</title> 
     <meta name="description" content=""> 
     <meta name="keywords" content=""> 

     <link rel="stylesheets" type="text/css" href="/styles.css"> 
    </head> 

    <body> 
     <h1>test</h1> 
    </body> 
</html> 

和CSS:

body { 
    background-color:#CCCCCC; 
} 

h1 { 
    color:#0000EE; 
} 

也許我錯過了什麼,因爲當我做內部的CSS(我的HTML代碼中),它一切正常,網頁瀏覽器可以閱讀。它看起來像HTML沒有鏈接到CSS,但它甚至在同一個文件夾,所以路徑不應該是問題。

我正在使用Linux和Aptana Studio。

我在過去的2個小時裏搜索了很多,並且找不到錯誤在哪裏。

+0

你在'html'文件旁邊有'styles.css'文件嗎?並有CSS內容? – hallaji

回答

0

確保style.css是在你的根Web目錄,因爲這是你從

0

叫它不要把/ Styles.css中的前面,並確保他們在同一個文件夾中。

0

rel屬性應該只是在它的樣式表,單數不是複數以及

+0

感謝您的關注。當然這幫助了我,但問題實際上是在路徑之前。 –

0

試試這個:

<!DOCTYPE html> 
<!-- Language was wrong? --> 
<html lang = "en"> 
    <head> 
     <meta name="viewport" content="width=device-width; initial-scale=1.0"> 

     <title>title</title> 
     <meta name="description" content=""> 
     <meta name="keywords" content=""> 
<!-- Check the path to the file - I made it relative to where the HTML is --> 
<!-- Correct the rel attribute's value too --> 
     <link rel="stylesheet" type="text/css" href="./styles.css"> 
    </head> 

    <body> 
     <h1>test</h1> 
    </body> 
</html> 
+0

就是這樣嗎?你不會解釋爲什麼它應該有助於添加點嗎? – Shikiryu

4

我請你閱讀這篇文章Absolute and Relative Paths

然後我們通過您的代碼:

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

應該是:

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

styles.css應在同一文件夾中的HTML文件。

要驗證您是否有錯誤,請檢查您的瀏覽器的控制檯的,您會注意到您的文件不存在(404錯誤)。

的其他方法,使你的CSS的工作就是把它你的頁面中集成,而不分離:

例子:

<style type='text/css'> 

    body { 
     background-color:#CCCCCC; 
    } 

    h1 { 
     color:#0000EE; 
    } 
</style> 
0

我有同樣的問題糾正正確的目錄結構,解決了我的問題。這是一個關於如何組織你的目錄結構的好方法。

http://rosebusch.net/jeff/miscellaneous/tree.html

也就是說,index.html文件夾是在同一級別的CSS文件夾。如果您想將index.html放在HTML文件夾中,要鏈接到CSS文件夾,您必須先鏈接href="../css/stylesheet.css"以退出。".."會帶你一個級別。