Почему мой файл css не используется? Не показывать фоновое изображение

Итак, я пытаюсь разработать базовую веб-страницу с фоном и некоторым центрированным текстом, но по какой-то причине он не читает файл css и не создает фоновое изображение.Почему мой файл css не используется? Не показывать фоновое изображение

Да css, html & background image находятся в одной папке. И я использую скобки IDE http://brackets.io/ (не должно иметь значение, но да)

Источник HTML

<!DOCTYPE html> 
    <html> 
     <head> 
      <title> Sample Page </title> 
      <link rel="stylesheet" href="style.css"> 
     </head> 
     <body> 
      <header> 
       <div> 
        <h1>Developments</h1> 
        <h4>Most Beautiful Website</h4> 
       </div> 
      </header> 
     </body> 
    </html>

CSS Источник

body{ 
    margin: 0; 
    padding: 0; 
} 

header{ 
    background-image: url(skyline.png); 
    height: 100vh; 
    background-size: cover; 
    color: #fff; 
    font-family: 'Arial'; 
} 

.header-content{ 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    align-items: center; 
    height: 100vh; 
    text-align: center; 
}

источник

2016-12-14 Peter Jacklin

Можете ли вы рассказать мне о структуре папок ваших css, изображений и файлов –

У меня есть папка на рабочем столе под названием Home, которая включает в себя стиль.css index.html & skyline.png –

Все эти три файла на в той же папке, без каких-либо подпапок? –

index.html был перемещен за пределы оригинала папку на рабочий стол. Простое перемещение index.html в исходную папку исправило проблему.

источник

2016-12-14 17:58:40

Почему мой файл css не используется? Не показывать фоновое изображение

ответ

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