最佳实践

Question

我的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（未找到）

Answer 1

尝试

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脚本中。

Answer 2

从jsp路径添加css文件的相对路径。

例如，如果您的jsp文件和cssFiles文件夹在同一目录中就可以添加 href="cssFiles/BackgroundIMGE.css"

您可以使用../访问直接父文件夹。

根据它，您可以从jsp文件中提供css文件的相对路径。

无法加载CSS

2 个答案:

最佳实践