我有css文件夹下的css文件和jsp文件夹下的jsp文件,两个文件夹都在WEB-INF文件夹中。那我怎样才能在jsp中获取css文件?
<link rel="stylesheet" href="../css/style.css>
我已经给出了这样的道路。
答案 0 :(得分:15)
尝试使用它:
<link rel="stylesheet" type="text/css" href="css/style.css" >
而不是
href="../css/style.css
这里你缺少右撇号。另外,检查BalusC answer可以解决您的问题。
另外,我建议您在与 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" />
我正在使用这种方法是我的网络项目,一切正常。
答案 1 :(得分:3)
@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;
答案 2 :(得分:1)
在以前版本的HTML中,要引用另一个文件夹中的外部css文件,href属性需要实际的文件路径,例如 HREF =&#34; ./ CSS / filename.css&#34; 使用HTML5,我将我的css文件放在子文件夹中,令我惊讶的是,上述方法并不起作用,我无法理解。我在开头删除了点,但没有用。然后我删除说明斜杠(/),再次它没有工作。似乎HTML5只需要实际的css文件名才能工作。即使将css文件放在子文件夹中也是如此 HREF =#&34; filename.css&#34; 作品!
答案 3 :(得分:0)
如果上述答案没有解决您的问题。您可以通过提及其完整地址来访问该文件。添加完整文件路径总是更好,而不是使用正斜杠。
<link rel="stylesheet" href="C:\bacon\WD3.5 Bacon Fansite Start Here\styles.css" >
这是访问外部文件的最简单方法。只需将外部文件的完整地址路径复制到主文件中即可。但请确保两个文件应位于同一文件夹中。
答案 4 :(得分:-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" href="css/style.css">
</head>