为什么我的css文件没有被使用？不显示背景图片

所以我试图开发一个基本的网页与背景和一些居中文本，但由于某种原因，它不读取CSS文件，并不会产生背景图像。为什么我的css文件没有被使用？不显示背景图片

是的CSS，HTML &背景图像在同一个文件夹中。而且我用括号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的文件夹，其中包含一个style.css index.html＆skyline.png –

这三个文件都是关于相同的文件夹，没有任何子文件夹？ –

中的index.html已经搬迁原有的外文件夹到桌面。将index.html简单重定位到原始文件夹解决了问题。

来源

2016-12-14 17:58:40

为什么我的css文件没有被使用？不显示背景图片

回答

相关问题