2013-02-15 73 views
0

我無法從單獨的文件加載.css。css將不會從文件加載

例如,如果我有HTML:

<!DOCTYPE html> 
<html> 
<link href "style.css" rel="stylesheet" type = "text/css"> 

<head> 

</head> 

<body> 

<h1>My CSS web page!</h1> 
<p>Hello world! This is a W3Schools.com example.</p> 

</body> 
</html> 

的CSS不加載

但是如果我有相同HTML CSS中的文件正確的CSS負載。我究竟做錯了什麼?

編輯: 更改HTML按照幾個人的建議編碼。仍然沒有效果。 sytle.css和我的源html在同一個目錄下。

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

<body> 

<h1>My CSS web page!</h1> 
<p>Hello world! This is a W3Schools.com example.</p> 

</body> 
</html> 

CSS樣式表:

<style> 
    body 
    { 
     background-color:#b0c4de; 
    } 
</style> 
+1

可能的拼寫錯誤:缺少'=''爲屬性href'。 – ajm 2013-02-15 15:21:52

+0

您也可以將該標籤移動到「head」部分。 – Amberlamps 2013-02-15 15:22:16

+1

可能你沒有鏈接到style.css文件的實際位置。 HTML文件現在鏈接的方式是查找名爲style.css的文件,該文件與自身在同一文件夾級別。 如果您有一個名爲Project的文件夾,那麼您的HTML文件和CSS文件都需要位於該文件夾中。 您的href屬性也缺少「=」。 – Michael 2013-02-15 15:22:47

回答

3

link標籤格式錯誤,應在head(相對於文件的根目錄):

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

應該是(注意href=校正):

<link href="style.css" rel="stylesheet" type="text/css"> 
+0

是的,這是正確的 – 2013-02-15 15:23:38

+0

需要失去之前和之後的空間= on「= 012」 – Michael 2013-02-15 15:24:59

+1

@邁克爾不,你沒有,空白在那裏並不重要。 – 2013-02-15 15:27:12

0

試試這個

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