关于html:<link rel =” stylesheet” href =” ../ css / style.css”>不起作用

<link rel=“stylesheet” href=“../css/style.css”> is not working

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

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

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


尝试使用此功能:

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

而不是

1
href="../css/style.css

这里您缺少右撇号。同时检查BalusC答案会解决您的问题。

笔记:

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

1
2
3
4
5
6
WEB-INF
resources
  --css
    --styles.css
  --js
    --scripts.js

,以及如何将CSS与页面连接:

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

我正在使用这种方法作为我的Web项目,并且一切正常。


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

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

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

1
2
3
4
@import url('/css/header.css') screen;
@import url('/css/content.css') screen;
@import url('/css/sidebar.css') screen;
@import url('/css/print.css') print;

在以前的HTML版本中,要引用另一个文件夹中的外部CSS文件,href属性需要实际的文件路径,例如
href =" ./ CSS / filename.css"
使用HTML5,我将css文件放在一个子文件夹中,令我惊讶的是,上述方法无法正常工作,我无法理解。我在开始时删除了该点,但是没有用。然后,我删除了说明斜杠(/),再次它没有用。似乎HTML5只需要实际的CSS文件名即可工作。因此,即使将css文件放在子文件夹中
href =" filename.css"
作品!


如果上述答案不能解决您的问题,您可以通过提及文件的完整地址来访问文件。添加完整的文件路径最好不要乱用正斜杠。

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

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


1
2
3
4
5
6
7
8
9
10
    <%@ 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">
      Login Form
      <link rel="stylesheet" type="text/css" href="css/style.css">
    </head>
 </html>