为什么css引用路劲必须写绝对路劲呢?

为什么css引用路劲必须写绝对路劲呢?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
      <title>JavaWeb实现导入导出</title>
      <link href="http://localhost:8080/ImportAndExport/css/all.css" rel="stylesheet" type="text/css" />
      <link href="../../css/pop.css" rel="stylesheet" type="text/css" />
      <link href="../../css/index.css" rel="stylesheet" type="text/css" />
      <script src="../../js/index.js" type="text/javascript"></script>
   </head>
   <body>
      <!-- 蒙版DIV -->
      <div id="mengban" style="display: none"></div>
      <form method="post">
         <div id="header">
            <div class="iheader">
               <div class="logo">
                  <a href="#"><img src="" alt="" height="88px" width="99px" /></a>
               </div>
               <div style="height: 44px;"></div>
               <ul class="nav" id="mainMenuUl">
                  <li class="on"><a><span>导入/导出</span></a></li>
               </ul>
            </div>
         </div>
         <div id="container">
            <table style="vertical-align: top" cellspacing="0" cellpadding="0"
               bgcolor="#e1e9eb" border="0">
               <tbody>
                  <tr>
                     <td class="leftTd" style="vertical-align: top" width="150">
                        <div class="left">
                           <div class="ileft" id="menuDiv">
                              <h3 onclick="clickSecondMenu(this,'importExcel.html')">
                                 <a>导入Excel</a>
                              </h3>
                              <h3 onclick="clickSecondMenu(this,'exportExcel.html')">
                                 <a>导出Excel</a>
                              </h3>
                              <h3 onclick="clickSecondMenu(this,'importWord.html')">
                                 <a>导入Word</a>
                              </h3>
                              <h3 onclick="clickSecondMenu(this,'exportWord.html')">
                                 <a>导出Word</a>
                              </h3>
                           </div>
                        </div>
                     </td>
                     <td width="7">
                        <div class="pointer"></div>
                     </td>
                     <td style="vertical-align: top" height="600px" width="100%">
                        <br/><iframe id="mainPage" src="" frameborder="0" height="580px" width="100%"></iframe><br />
                     </td>
                  </tr>
               </tbody>
            </table>
         </div>
         <div id="footer">
            <div class="copyright">慕课网</div>
            <div class="flr">copyright &copy;</div>
         </div>
      </form>
   </body>
</html>

对于css引用的时候这个地方为什么必须写成绝对路劲呢?为什么相对路径就会出现找不到文件的情况?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
提问者 China_Wang 2019-05-28 16:46:09

http://img1.sycdn.imooc.com//climg/5cecf542000100be05020692.jpg

这是我的目录结构哦

  • 同学这样的结构在老师这里是可以的呢,同学把地址前面的改成<link href="css/all.css" rel="stylesheet" type="text/css" />这种格式测试一下,祝学习愉快~
    2019-05-28 17:18:44
  • 提问者 China_Wang 回复 好帮手慕柯南 #2
    <link href="css/all.css" rel="stylesheet" type="text/css" /> 改成这样的话,那么路劲就不对啊,jsp文件和css文件的父目录不在同一个目录下
    2019-05-28 17:47:23
  • 好帮手慕柯南 回复 提问者 China_Wang #3
    同学可以测试一下,不可以的话还是建议同学使用绝对路径呢,祝学习愉快~
    2019-05-28 18:03:50
好帮手慕柯南 2019-05-28 16:10:12

同学你好!相对路径也是可以的呢,同学是不是写错了呢?同学贴一下自己的目录结构。祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
从网页搭建入门Java Web2018版
  • 参与学习           人
  • 提交作业       1088    份
  • 解答问题       10204    个

如果你有Java语言基础,又想以后从事Java Web开发,那么本路径是你的不二选择!本路径从网页搭建开始入手,通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变!

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师