链接一个外部的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文件不起作用

回答

相关问题