jsp 引用css路径

html-css011

jsp 引用css路径,第1张

是你的css文件夹放错了，应该放到WebContent文件夹里面去，无论是直接子集或者其他，都应当在旗下。

如果直接在旗下，那么就可以写你那样的路径了。

WebContent，顾名思义，就是web项目发布后的目录，所有的前台文件都在里面

jsp引用css没效果原因总结如下：

1、先看是否正确引入了css文件，可以在css文件的顶部加一句 *{border:1px solid red} ，这样，如果正确加载了，页面效果会出现很多红框；

2、看对应的类名、ID是否写对了；

比如有jsp页面引入了Mycss.css样式，具体代码如下:

<span style="font-size:18px"><link href="Mycss.css" rel="stylesheet" type="text/css" /></span>

这里的css不会生效，因为没有找到该路径，改成了绝对路径，这里用到了jsp页面生成的对象basePath，定义如下：

%

String path = request.getContextPath()

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"

%>

这样就会得到css了。

jsp引用js和css文件,引用失败的原因大部分是由于路径问题导致，一般有相对路径和绝对路径两种引用方式：

1、相对路径引用js和css的方法：

css：

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

js:

<script type="text/javascript" src="js/front/poplayer.js"></script>

前提是js和css跟jsp在同一个目录下

2、绝对应用js和css的方法：

css：

<link href="http://域名:端口/工程名css/front/ibd.css" rel="stylesheet" type="text/css" />

js:

<script type="text/javascript" src="http://域名:端口/工程名/js/front/poplayer.js"></script>

检查以上两种方法是否引用正确。