Почему не выводится CSS?

#html #css

На моей странице не отображается background и при этом к последнему блоку не применяются
правила   CSS. Делаю все по этому видео https://www.youtube.com/watch?v=JSkqo8hEATw&t=97s
но все равно ошибки. Вот код HTML:



@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i');

/* Шрифт из гугл + добавление font-family, sans-serif шрифт по умолчанию, если шрифт
гугл не прогрузился */

body {
  background: url(images/18.jpg);
  можно записать все в одну строку */
}
#page {
  width: 960px;
  margin: 0 auto;
}
.strong-red {
  margin-top: 400px;
  color: #30a7ff;
  text-align: justify;
  text-decoration: none;
  text-indent: 30px;
  line-height: 30px;
  font-family: "Cuprum", sans-serif;
  font-style: italic;
  font-variant: small-caps;
}
.light-blue {
  font-weight: bold;
  color: blue;
}
.light-blue {
  font-size: 18px;
  color: blackl;
}
#style li {
  color: #fff;
  font-family: "Cuprum", sans-serif;
  list-style-type: ;
}




  
  
  




  

    
Я работаю веб-дизайнером. Какое-то время назад я подрабатывала
фрилансером, сейчас работаю в небольшой студии. У нас нет менеджера проектов, поэтому,
зачастую, я сама выступаю этим самым менеджером, по совместительству.
      
Опыт общения с самыми разными заказчиками у меня достаточно большой. Статья
«Краткая инструкция по работе с web-дизайнером (для менеджера проекта)» вызвала у меня
шквал эмоций и бурю негодования, потому что именно таких заказчиков я всегда старалась
      избегать. В этой статье я попробую описать, как в идеале должна проходить работа
заказчика и дизайнера.
    
    

      

        
Пункт 1
        
Пункт 2
        
Пункт 3
        
Пункт 4
        
Пункт 5
      
    

  






    

Ответы

Ответ 1

В таблице стилей и в html должен быть соответственно одинаковый идентификатор:
 #styles li и   
    

Проверьте путь до файла, который используется в качестве background     



@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i');


body {
 background-image: url(http://i.imgur.com/Ljug3pp.jpg);
background-size: cover;
}
#page {
  width: 960px;
  margin: 0 auto;
}
.strong-red {
  margin-top: 20px;
  color: brown;
  text-align: justify;
  text-decoration: none;
  text-indent: 30px;
  line-height: 30px;
  font-family: "Cuprum", sans-serif;
  font-style: italic;
  font-variant: small-caps;
}
.light-blue {
  font-weight: bold;
  color: blue;
}
.light-blue {
  font-size: 18px;
  color: black;
}
#styles li {
  color: brown;
  font-family: "Cuprum", sans-serif;
  list-style-type: ;
}

  
  
  




  

    
Я работаю веб-дизайнером. Какое-то время назад я подрабатывала
фрилансером, сейчас работаю в небольшой студии. У нас нет менеджера проектов, поэтому,
зачастую, я сама выступаю этим самым менеджером, по совместительству.
      
Опыт общения с самыми разными заказчиками у меня достаточно большой. Статья
«Краткая инструкция по работе с web-дизайнером (для менеджера проекта)» вызвала у меня
шквал эмоций и бурю негодования, потому что именно таких заказчиков я всегда старалась
      избегать. В этой статье я попробую описать, как в идеале должна проходить работа
заказчика и дизайнера.
    
    

      

        
Пункт 1
        
Пункт 2
        
Пункт 3
        
Пункт 4
        
Пункт 5
      
    

  



Ответ 2

Коментарий уже закрыли)))
Зачем опять-то закрывать.



body {
  background: url(images/18.jpg);
}
#style li {
  color: #fff;
  font-family: "Cuprum", sans-serif;
  list-style-type: ;
}




И еще забыли написать list-style-type: ;.


Ответ 3

Комментарии в коде, так понятней...



@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i');

/* Шрифт из гугл + добавление font-family, sans-serif шрифт по умолчанию, если шрифт
гугл не прогрузился */

body {
  /*ни каких ковычек не надо, просто проверь путь в файлу, видать путь не правильный*/
  background: url(http://www.hqwallpapers.ru/wallpapers/nature/magicheskie-gory.jpg);
  /*можно записать все в одну строку */
}

#page {
  width: 960px;
  margin: 0 auto;
}

.strong-red {
  margin-top: 400px;
  color: #30a7ff;
  text-align: justify;
  text-decoration: none;
  text-indent: 30px;
  line-height: 30px;
  font-family: "Cuprum", sans-serif;
  font-style: italic;
  font-variant: small-caps;
  background: #55555599;
}

.light-blue {
  font-weight: bold;
  color: blue;
}

.light-blue {
  font-size: 18px;
  color: blackl;
}


/* тут в селекторе пропущена буква было
style а надо styles
по этому и не применялись стили
*/

#styles li {
  color: #fff;
  font-family: "Cuprum", sans-serif;
  list-style-type: none;
}




  
  
  




  

    
Я работаю веб-дизайнером. Какое-то время назад я подрабатывала
фрилансером, сейчас работаю в небольшой студии. У нас нет менеджера проектов, поэтому,
зачастую, я сама выступаю этим самым менеджером, по совместительству.
      
Опыт общения с самыми разными заказчиками у меня достаточно большой. Статья
«Краткая инструкция по работе с web-дизайнером (для менеджера проекта)» вызвала у меня
шквал эмоций и бурю негодования, потому что именно таких заказчиков я всегда старалась
      избегать. В этой статье я попробую описать, как в идеале должна проходить работа
заказчика и дизайнера.
    
    

      

        
Пункт 1
        
Пункт 2
        
Пункт 3
        
Пункт 4
        
Пункт 5
      
    

  





Ответ 4

Поставьте одинарные или двойные скобки  

background-image: url('images/18.jpg');
id="styles" , В css style li {...}


Измените id или в html  или  в css ...