Почему мой css не применяется?

Я попытался использовать разные редакторы и IDE (netbeans и визуальный студийный код) вместе с разными браузерами (версия разработчиков firefox), но я не могу заставить лист css применить к основному html-файлу. Редактор таблицы стилей говорят, что нет таблицы стилей прилагаются к 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; 
}

EDIT: проблема решена! Была опечатка. Спасибо за все подсказки

источник

2015-12-08 abedzantout

Есть ли у вас какие-либо ошибки в консоли? – George

@George no error is – abedzantout

Являются ли файлы .html и .css в одной папке? –

У вас есть опечатка в rel="stylsheet" должно быть stylesheet

источник

2015-12-08 18:49:30

Ahhh эти опечатки ..... Спасибо! – abedzantout

Вы можете избежать таких простых опечаток, используя некоторую библиотеку или плагин в своей любимой среде IDE, которая поможет вам с кодом HTML Boiler Plate; Например, SublimeText HTML BoilerPlate. Спаси себя от боли! –

@ Program-Me-Rev, я это выкопаю! Надеюсь, что код Visual Studio предлагает такие библиотеки – abedzantout

Почему мой css не применяется?

ответ

Смежные вопросы