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文件中删除'