<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> |