JSP引用CSS问题

roycxshun 2009-04-01 10:37:30

我在JSP中引用外部CSS文件，JSP文件如代码所示:
navigator.jsp代码如下（因代码过多，有部分省略，但不影响网页的运行）：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="CssStyle/main.css" />
<script src="JsScript/main.js" type="text/javascript"></script>
<title>计算机组成原理精品课程</title>
</head>
<body>
<div id="navigate">
<ul>
<li>首页</li>
<li>课程介绍</li>
<li onmousemove="switchMenu('teach')">教学资源</li>
<li>教学大纲</li>
<li onmousemove="switchMenu('activity')">实践教学</li>
<li>教学队伍</li>
<li网络课堂</li>
<li>论坛</li>
</ul>
</div>
<div id="teach" style="display:none;">
<ul>
<li>课件</li>
<li>教案</li>
<li>教学录像</li>
<li>教学条件</li>
<li>方针政策</li>
</ul>
</div>
<div id="activity" style="display:none;">
<ul>
<li>实践思路</li>
<li>基础性实验</li>
<li>设计性实验</li>
<li>实践效果</li>
<li>科技创新</li>
</ul>
</div>
</body>
</html>
main.css代码如下：
@CHARSET "UTF-8";

#navigate{
margin:0 auto;
width:1024px;
height:150px;
display:block;
background-color:#ffdd00;
border:2px solid;
}
#navigate ul {
line-height:30px;
clear:both;
}
#navigate ul li{
margin-right:15px;
list-style:none;
float:left;
}

#activity,#teachMethod,#teach,#compus,#webClass{
margin:0 auto;
display:block;
}
#activity ul,#teachMethod ul,#teach ul,#compus ul,#webClass ul{
clear:both;
}
#activity ul li,#teachMethod ul li,#teach ul li,#compus ul li,#webClass ul li{
margin-right:30px;
list-style:none;
float:left;
}
仔细看过，CSS文件应该没什么问题，以前在HTML文件中是这样引用，但这次在JSP当中引用时，出现了一些问题：
就是当我引入CSS文件时，所有在当前JSP页面中定义的background-color等与背景有光的属性均没有效果，而且在CSS当中定义这些属性也没有用；
而当我把CSS引入的语句注释了之后，在页面当中的定义重新有效。另外还有一些margin:0 auto居中的语句，由于定义在CSS文件中，对JSP文件也没有效果。
希望有谁可以帮忙看看，谢谢！

...全文

3868 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

sunbin0123 2011-12-09

打赏
举报

这不是问题的真正所在，我没有上述的注释问题，也没有文件头的问题，依然出现js加载有问题。
下面是我的解决方法：
1.在<head>中增加<style type="text/css">并回车
2.增加<%@include file="style.css" %>，引入css文件，然后输入</style>
3.保存页面，测试下，成功加载css。
参考文献：
How to Reference a CSS File From JSP

colorSkyMU 2010-11-20

打赏
举报

我今天也是在把html页面转成jsp页面，但html页面正常显示，jsp页面css却不能完全引用，有一部分能用有一部分不能用，后面发现是jsp页面
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
的文件头，和html页面的文件头不一致，一改过来，就正常显示了呵呵

ouyangshixiong 2010-01-27

打赏
举报

试过了有效。

kokobox 2009-04-02

打赏
举报

在jsp中所有关于css js 的引用都用绝对路径，就不会有这样的问题

例如：

<link rel="stylesheet" type="text/css" href="/工程名/路径/CssStyle/main.css" />
<script src="/工程名/路径/JsScript/main.js" type="text/javascript"> </script>