爲什麼後面的html頁面中的背景顏色沒有改變呢？

-2

我想學習與引導程序和CSS樣式的HTML。它通常很混亂。事情似乎並不按照他們所描述的方式工作。例如，改變Google搜索時的背景顏色似乎非常簡單。但是，在以下代碼中，背景顏色不會更改。通過用不同的變體進行半個小時的實驗，我可能會得到它的工作，但是我想知道的是爲什麼它在這個例子中不起作用，在這個例子中，我明確地說身體應該有背景顏色＃000000。爲什麼後面的html頁面中的背景顏色沒有改變呢？

<!doctype html> 

<html lang="en"> 
<head> 
    <meta charset="utf-8"> 

    <title>Portfolio</title> 
    <meta name="description" content="Portfolio page"> 
    <meta name="author" content="Christoffer Berg"> 

    <link rel="stylesheet" href="css/styles.css?v=1.0"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 

</head> 

<body> 

    <nav class="navbar navbar-default" role="navigation"> 

     <div class="navbar-header"> 
      <a class="navbar-brand" href="#">Portfolio</a> 
     </div> 

     <div> 
      <ul class="nav navbar-nav"> 
       <li class = "active"><a href="#">Home</a></li> 
       <li><a href="#">About</a></li> 
       <li><a href="#">Portfolio</a></li> 
       <li><a href="#">Contact</a></li> 
      </ul> 
     </div> 
    </nav> 

    <div class="container-fluid text-center bgim bgimg"> 
     <div class="row"> 
      <div class="col-sm-12"> 
       <h1>Home</h1> 
      </div> 
     </div> 
    </div> 

    <div class="container-fluid text-center bgim bgimg"> 
     <div class="row"> 
      <div class="col-sm-12"> 
       <h1>About</h1> 
      </div> 
     </div> 
    </div> 

    <div class="container-fluid text-center bgim bgimg"> 
     <div class="row"> 
      <div class="col-sm-12"> 
       <h1>Portfolio</h1> 
      </div> 
     </div> 
    </div> 

    <div class="container-fluid text-center bgim bgimg"> 
     <div class="row"> 
      <div class="col-sm-12"> 
       <h1>Contact</h1> 
      </div> 
     </div> 
    </div> 
    <script src="js/scripts.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
</body> 
</html>

的styles.css的文件：

h1 { 
    font-family: "Courier New", Courier, monospace; 
} 

body { 
    background: #000000; 
}

來源

2017-08-12 ChristofferAB

訂購事項：

<link rel="stylesheet" href="css/styles.css?v=1.0"> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

要

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
<link rel="stylesheet" href="css/styles.css?v=1.0">

來源

2017-08-12 08:55:40

大的問題，這個解決了負載對我來說:) – ChristofferAB

爲什麼後面的html頁面中的背景顏色沒有改變呢？

回答

相關問題