1

我在 css 文件夹下有 css 文件，在 jsp 文件夹下有 jsp 文件，这两个文件夹都在 WEB-INF 文件夹内。那么如何在jsp中获取css文件呢？

  <link rel="stylesheet" href="../css/style.css>

我已经给出了这样的路径。

4

5 回答 5

16

尝试使用这个：

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

代替

href="../css/style.css

在这里，您缺少右撇号。另请检查BalusC 答案将解决您的问题。

笔记：

我还建议您在与WEB-INF相同的级别上创建资源文件夹，然后在资源文件夹中创建css文件夹，然后将 css 文件引用为：

WEB-INF
resources
  --css
    --styles.css
  --js
    --scripts.js

以及如何将 css 与页面连接：

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

我正在使用这种方法是我的网络项目，一切正常。

于 2013-03-12T08:50:18.100 回答
4

@import规则是加载 CSS 文件的另一种方式：

<style>
    @import url('/css/styles.css');
</style>

您可以使用此技巧同时导入所有样式，例如：-

@import url('/css/header.css') screen;
@import url('/css/content.css') screen;
@import url('/css/sidebar.css') screen;
@import url('/css/print.css') print;
于 2014-01-17T08:35:20.090 回答
1

在以前的 HTML 版本中，要引用另一个文件夹中的外部 css 文件，href 属性需要实际的文件路径，例如 href="./CSS/filename.css" 使用 HTML5，我将 css 文件放在子目录中-folder 令我惊讶的是，上述方法不起作用，我无法理解。我在开始时删除了点，那没有用。然后我删除了斜杠（/），它再次不起作用。似乎 HTML5 只需要实际的 css 文件名即可工作。因此，即使使用子文件夹中的 css 文件 href="filename.css" 也可以！

于 2017-01-27T21:32:57.750 回答
0

如果上述答案没有解决您的问题。您可以通过提及其完整地址来访问该文件。添加完整的文件路径总是更好，而不是使用正斜杠。

<link rel="stylesheet"  href="C:\bacon\WD3.5 Bacon Fansite Start Here\styles.css" >

这是访问外部文件的最简单方法。只需将外部文件的完整地址路径复制到主文件中即可。但请确保两个文件应位于同一文件夹中。

于 2021-02-16T10:07:39.573 回答
-4 
    <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
        pageEncoding="ISO-8859-1"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
      <title>Login Form</title>
      <link rel="stylesheet" type="text/css" href="css/style.css">
    </head>
 </html>
于 2013-03-12T08:50:11.537 回答