为什么我的CSS不适用？

我试着使用不同的编辑器和IDE（NetBeans和Visual Studio代码）以及不同的浏览器（Firefox开发者版），但是，我似乎无法获得应用于主HTML文件的CSS表。样式表编辑器说有附加到HTML文件这里没有样式表的HTML文件：为什么我的CSS不适用？

<!DOCTYPE html> 
<html> 
    <head> 
     <title>The Animal Game</title> 
     <meta charset="utf-8"/> 
     <link href="animalgame.css" type="text/css" rel="stylsheet" /> 
     <script src="animalgame.js" type="text/javascript"></script> 
    </head> 

    <body> 
     <h1>The Animal Game</h1> 
     <p>Think of an animal, then let me guess it!</p> 
     <div id="container"> 
      <fieldset> 
       <legend>Questions</legend> 
       <p id="questions"></p> 
      </fieldset> 
      <fieldset id="answer"> 
       <legend>Answer</legend> 
       <button id="yes">Yes</button> 
       <button id="no" >No</button> 
      </fieldset> 
     </div> 

    </body> 
</html>

CSS样式表：

body { 
    font: 12pt "Century Gothic", "Helvetica", "Arial", sans-serif; 
} 

button { 
    font-size: 20pt; 
    font-weight: bold; 
    margin: 15px auto; 

} 
#container{ 
    margin: auto; 
    width: 520px; 
} 
fieldset { 
    background-color: #F0F0F0; 
    float: left; 
    height: 150px; 
    margin-right: 15px; 
    text-align: center; 

} 
h1, p { 
    text-align: center; 
} 
#questions { 
    font-size: 16pt; 
    text-align: center; 
    width: 300px; 
}

编辑：问题解决了！有一个错字。感谢所有提示

来源

2015-12-08 abedzantout

你有你的控制台任何错误？ – George

@George没有显示错误 – abedzantout

.html和.css文件都在同一个文件夹中吗？ –

你有rel="stylsheet"一个错字，应该stylesheet

来源

2015-12-08 18:49:30

啊那些错别字.....谢谢！ – abedzantout

您可以通过使用一些库或插件来避免这种简单的拼写错误，或者您喜欢的IDE中的插件可以帮助您使用HTML Boiler Plate代码;例如SublimeText HTML BoilerPlate。节省自己的痛苦！ –

@ Program-Me-Rev我会挖掘它！我希望Visual Studio代码提供这样的库 – abedzantout

为什么我的CSS不适用？

回答

相关问题