CSS样式不对

经过我多次尝试

必须要把css放在与ftl同一目录下
还要在css前加./

这样才能访问到css设置的样式

3.如果按视频中老师说的把

把css复制到web目录上，怎么写才能访问到css呢

一娆Hacker 2021-06-23

源自：FreeMarker 4-1 Freemarker与Servlet整合

收起

1回答

好帮手慕小班 2021-06-23 18:06:17

同学你好，1、同学将css目录放在web目录下，在编译后的out目录中是正确加载的吗？

2、同学使用相对路径呐，是否可以正确加载，比如

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

<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>

3、同学在浏览器中加载，那对应的地址是否正确呐，同学可以使用F12检查一下对应的浏览器中的css的地址。

祝学习愉快~

收起回答

提问者一娆Hacker #1
老师您没回答我的问题
经过我多次尝试
1. 必须要把css放在与ftl同一目录下
2. 还要在css前加./
这样才能访问到css设置的样式

上面这样操作可以正确加载css样式，我不懂为啥一定要满足这两个条件才行

3、同学在浏览器中加载，那对应的地址是否正确呐，同学可以使用F12检查一下对应的浏览器中的css的地址。

在没正确加载时访问怎么查到css地址啊，不应该正确加载后才行吗
2021-06-23 20:07:55
好帮手慕小班回复提问者一娆Hacker #2

同学你好，1、在css前加上./是相对路径的写法，使用相对路径是相对于项目而言，会在项目当前的访问路径下来访问对应地址。比如当前页面在浏览器的地址是http://localhost:8080/admin/test.ftl ，对应在访问页面下的css时，就会从http://localhost:8080/admin下开始访问。
而同学可以查看一下编译后的out在classes下的目录，就是实际编译后的目录，实际的加载都会根据这个目录来加在，所以同学的目录，使用相对路径需要加上../
2、而以/开头的路径是绝对地址，绝对路径是指从根目录算起的，也就是在加载css等文件时,直接在文件名前加上http://localhost:8080。
祝学习愉快~

2021-06-24 11:15:16
提问者一娆Hacker 回复好帮手慕小班 #3

那为什么我用/开头的绝对路径就加载不了css样式呢这个原因到底是什么
为啥老师的项目不用相对路径就可以直接加载出css样式

2021-06-24 15:39:23