2014-05-01 154 views
0

我不知道爲什麼我的樣式沒有被應用。CSS樣式不適用於HTML

* HTML

!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
    <meta name="description" content=""/> 
    <meta name="keywords" content=""/> 
    <meta name="author" content=""/> 
    <link rel"stylesheet" type="text/css" href="stylesheet.css" media="screen"/> 
    <title>Kelektiv88</title> 
</head> 
<body> 
    <div id="wrapper"> 
     <div id="header"> 
      <p>T</p> 
     </div> <!-- End #header --> 
     <div id="nav"> 
      <p>T</p> 
     </div> <!-- End #nav --> 
     <div id="content"> 
      <p>T</p> 
     </div> <!-- End #content --> 
     <div id="footer"> 
      <p>T</p> 
     </div> <!-- End #footer --> 

    </div> <!-- End #wrapper --> 

</body> 
</html> 

* CSS

body { 
    background-color:#000000; 

} 

#wrapper{ 

    background-color:#000000; 
} 

#header{ 
    height:150px; 
    border-width:2px; 
    background-color:#000000; 
} 

#nav{ 
    background-color:#000000; 
} 

#footer{ 
    background-color:#000000; 
} 

這是很基本的東西,爲什麼沒有被應用的造型林不知道。可能是疲倦的大腦綜合徵,但似乎這是正常的,應該正確應用。幫幫我?!

回答

4

您有:

rel"stylesheet" 

嘗試:

rel="stylesheet" 

另外,我不知道這是否是複製/粘貼錯誤,但缺少的youre開放 「<」 你的DOCTYPE聲明,並確保您的網址與實際文件名匹配,並且它們位於相同的文件夾中

2

首先,您的HTML有兩個錯誤:

1行:

!DOCTYPE html> 

更改爲:

<!DOCTYPE html> 


第8行:(該問題的主要原因)

rel"stylesheet" 

更改爲:

rel="stylesheet" 

如果這些修補程序不工作,嘗試審查stylesheet路徑。

+0

Caio,謝謝你!它的小東西。 – user3594110

+0

@ user3594110,不客氣......不要忘記選擇正確的答案! :) –