CSS不是樣式錶鏈接

我已經在FF（29）和IE（11）中測試了它們，它們都以相同的方式進行測試。CSS不是樣式錶鏈接

這是我的HTML代碼：

<!DOCTYPE HTML> 
<html lang="en-US"> 
<head> 
    <meta charset="UTF-8"> 
    <title>MiCapture</title> 
    <link rel="stylesheet" href="SS1.css" name="main_sheet"> 
</head> 

<body> 
<div id="banner"><img src="https://www.ibm.com/developerworks/mydeveloperworks/blogs/bobleah/resource/sky.gif"></div> 
</body> 
</html>

這是我的CSS文件「SS1.css」

<style type="text/css"> 

      #banner { 
      margin-left:auto; 
      margin-right:auto; 
      width:1000px; 
      } 

      #banner img { 
      max-width:1000px; 
      max-height:300px; 
      } 

</style>

當我打開我的網頁，我的形象沒有得到集中，但如果我改變我的HTML，並直接在我的代碼中包含我的CSS，它確實居中。爲什麼鏈接不起作用？

<!DOCTYPE HTML> 
<html lang="en-US"> 
<head> 
    <meta charset="UTF-8"> 
    <title>MiCapture</title> 
    <style type="text/css"> 

      #banner { 
      margin-left:auto; 
      margin-right:auto; 
      width:1000px; 
      } 

      #banner img { 
      max-width:1000px; 
      max-height:300px; 
      } 

</style>  
</head> 

<body> 
<div id="banner"><img src="https://www.ibm.com/developerworks/mydeveloperworks/blogs/bobleah/resource/sky.gif"></div> 
</body> 
</html>

來源

2014-06-09 user2721815

css文件與您的html文件位於相同的目錄中嗎？並使用小寫文件名稱。 –

樣式表不需要''標籤和^ – Last1Here

從CSS文件中刪除'