css在JSP中不生效之路径问题

    近日完成一个论坛，功能实现可是就是CSS无论如何都不好用，浏览的时候没有效果，但是在MyEclise中预览是正常的，偶找了一下午解决问题，原来都是路径惹得祸。

Server端的地址

　　Server端的相对地址指的是相对于你的web应用的地址，这个地址是在服务器端解析的（不同于html和javascript中的相对地址，他们是由客户端浏览器解析的）也就是说这时候在jsp和servlet中的相对地址应该是相对于你的web应用，即相对于http://ip/***/。

其用到的地方有：forwarder：servlet中的request.getRequestDispatcher（address）；这个address是在服务器端解析的，所以，你要forwarder到a.jsp应该这么写：request.getRequestDispatcher（“/user/a.jsp”）这个/相对于当前的web应用webapp，其绝对地址就是：http://ip/webapp/user/a.jsp。

sendRedirect：在jsp中<%response.sendRedirect（"/***/user/a.jsp"）；%>

客户端的地址

　　所有的html中的相对地址都是相对于http://ip/的，而不是http://ip/webapp/的。

　　Html中的form表单的action属性的地址应该是相对于http://ip/的，所以，如果提交到a.jsp为：action＝“/webapp/user/a.jsp”；提交到servlet为action＝“/webapp/servlet名称”

javascript也是在客户端解析的，所以其相对路径和form表单一样。

站点根目录和css路径问题

　　我们称类似这样的相对路径/webapp/…。为相对于站点根目录的相对路径。

　　当在jsp中引入css时，如果其相对路径相对于当前jsp文件的，而在一个和这个jsp的路径不一样的servlet中forwarder这个jsp时，就会发现这个css样式根本没有起作用。这是因为在servlet中转发时css的路径就是相对于这个servlet的相对路径而非jsp的路径了。所以这时候不能在jsp中用这样的路径：<link href="css.css" rel="stylesheet" type="text/css">或者<link href="……/……/css.css" rel="stylesheet" type="text/css">类似href="css.css"和……/……/css.css的html相对路径是相对于引用这个css的文件的相对路径。而在servlet中转发时就是相对于这个servlet的相对路径了，因为jsp路径和servlet路径是不一样的，所以这样的引用肯定是出错的。

　　所以这个时候，要用站点根目录，就是相对于http://ip/的目录，以“/”开头。

　　因此上述错误应更正为href=“/webapp/css.css”类似的站点根目录的相对目录。这样在servlet转发后和jsp中都是相对于站点根目录的相对路径，就能正确使用所定义的css样式了。