鏈接一個外部的CSS文件不起作用

我想將我的本地引導和樣式文件鏈接到我的html文件，但它們都不起作用。鏈接一個外部的CSS文件不起作用

這裏是我的html文件：

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Test page</title> 

     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

     <link type="text/css" ref="stylesheet" href="css/bootstrap.css"> 
     <link type="text/css" ref="stylesheet" href="css/styles.css"> 

    </head> 
    <body> 
     <script src="js/jquery.min.js"></script> 
     <script src="js/bootstrap.min.js"></script> 

     <div class="navbar-header"> 
      <div class="navbar navbar-inverse navbar-static-tops"> 

      </div> 
     </div> 
    </body> 
</html>

我的CSS文件都位於一個名爲CSS文件夾中。
我得到了這些文件有：

的htdocs文件夾我有這樣的：

來源

2015-11-15 Da_programmer

剛剛嘗試這一點---

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Test page</title> 

     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/> 
<link rel="stylesheet" type="text/css" href="css/styles.css"/> 
    </head> 
    <body> 
     <script src="js/jquery.min.js"></script> 
     <script src="js/bootstrap.min.js"></script> 

     <div class="navbar-header"> 
      <div class="navbar navbar-inverse navbar-static-tops"> 

      </div> 
     </div> 
    </body> 
</html>

這些代碼是錯誤的---

<link type="text/css" ref="stylesheet" href="css/bootstrap.css"> 
     <link type="text/css" ref="stylesheet" href="css/styles.css">

這些都是正確的---

<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/> 
<link rel="stylesheet" type="text/css" href="css/styles.css"/>

來源

2015-11-15 10:16:29

其實你使用了錯誤的代碼鏈接外部CSS文件。 –

鏈接一個外部的CSS文件不起作用

回答

相關問題