java - 无法加载CSS | MySunlifeApp

我的css文件放在这里：C：\ Test Workspace \ MySunlifeApp \ cssFiles。

在我名为MySunlifeApp的应用程序的一个jsp中，我想加载此css文件。

<!doctype html>

<html lang="en">

<head>
 <title>Calendar</title>
  <h1><div align="center">My Sunlife App</div></h1>
  <meta charset="utf-8">

  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

  <link type="text/css" rel="stylesheet" href="/MySunlifeApp/cssFiles/BackgroundIMGE.css" />

  <script src="//code.jquery.com/jquery-1.10.2.js"></script>

  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

   <script  type = "text/javascript" language = "javascript">


   $(document).ready(function() {
    $("#datepicker").datepicker();


  });
  </script>


</head>

但是当我运行它时，出现错误：GET http://localhost:8090/MySunlifeApp/cssFiles/BackgroundIMGE.css NewCalendar.jsp：12

加载资源失败：服务器响应状态为404（未找到）

最佳答案

尝试

href="./MySunlifeApp/cssFiles/BackgroundIMGE.css"

并且h1元素应位于body标签内。

 <!doctype html>

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

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

<link type="text/css" rel="stylesheet" href="./MySunlifeApp/cssFiles/BackgroundIMGE.css" />

    </head>
    <body>
    <h1><div align="center">My Sunlife App</div></h1>

     <script src="//code.jquery.com/jquery-1.10.2.js"></script>

      <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

       <script  type = "text/javascript" language = "javascript">


       $(document).ready(function() {
        $("#datepicker").datepicker();


      });
      </script>
    </body>
    </html>

最佳实践

关闭body标签之前，请始终将css保留在head和js脚本中。