Java Web html无法引用css?

Java Web html无法引用css?

java web中html无法引用css是因为css文件放置的位置不正确,css文件应该放在与WEB-INF同级目录,而不是WEB-INF文件夹内。

(相关课程推荐:css视频教程

一、WEB-INF目录

WEB-INF是Java的WEB应用的安全目录。所谓安全就是客户端无法访问,只有服务端可以访问的目录。如果想在页面中直接访问其中的文件,必须通过web.xml文件对要访问的文件进行相应映射才能访问。静态资源一般不放在该目录下,引用起来还需另外做路径映射,没有必要。

二、静态资源文件存放位置

网上下载或拷贝来的css、js、img等资源一般放置于与WEB-INF同级的webapp或WebRoot下,这样前端页面就可以直接引用(从最后一级文件夹位置如css/xxx引用即可)。若放在WEB-INF下,又没在web.xml与springMVC的配置文件中做路径处理,就会出现项目一经发布就无法使用这些资源,出来的页面就如刚买的毛坯房。无论在页面怎么绝对路径都没用(如果离线单独打开该页面却又可以正常显示)。这就是WEB-INF对内部资源的保护机制,即服务器端可以自由访问,外部则不能随便访问。

正确的资源目录如下,仅供参考。

893406-20160305133507112-756565926.png

Image placeholder
前端答疑
未设置
  81人点赞

没有讨论,发表一下自己的看法吧

推荐文章
使用html-webpack-plugin对HTML文件进行预处理

一、前言先整理一波之前和webpack相关的文章: 使用Webpack对CSS文件进行后处理 基于Webpack的CSSSprites实现方案 Stylus系列——webpack-spritesmit

WebAssembly前瞻及用C/C++写HTML和Hanjst汉吉斯特

2019年12月16日,北京下了今冬第二场雪❄️,不大不小。年终岁尾,国际上几大软件及互联网公司(Google、Microsoft、Apple和Mozilla)拉上互联网标准化机构W3C发布了WebA

html怎么用css

html怎么用cssCSS样式只有应用到HTML元素中,样式才会产生效果。有三种方式可以把CSS样式应用到HTML元素。一、利用HTML元素的style属性,样式表作为style属性的值,该方式也称为

html怎么加载css?

有四种加载方式:行内式通过html的style属性实现,如下所示//写在body标签中 行内式嵌入式在style标签中写css样式,在body中引用//写在style标签中的css样式 p{ colo

innerHTML与jquery里的html()区别?

innerHTML与jquery里的html()区别?●html()可以设置tbody、tr这些只读标签,而innerHTML在低版本IE下不行;jQuery的html()做了些容错处理,原生的Dom

html转pdf工具 --- wkhtmltopdf

课程推荐:web全栈开发就业班--拿到offer再缴学费--融职教育 html转pdf工具---wkhtmltopdf [https://wkhtmltopdf.org/wkhtmltopdf htt

react如何使用css?

react如何使用css?在react中使用css有以下几种方法一、全局使用app.jsimportReactfrom'react'; importRouterfrom"./router" impor

div中怎么调用css?

div中怎么调用css?div中调用css样式有多种方法,比如:1、在style标签中调用css样式;2、添加class属性调用css样式;3、添加id属性调用css样式。1、DIV标签内直接应用CS

为什么用CSS?

CSS主要用来设计网页的样式,美化网页;它不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥

jquey怎么引用css样式

jquey怎么引用css样式jquery引用css只需要一行代码即可,通过传入一个标签,来创建link标签,传入type、href、以及rel给link标签添加属性,最后再调用appendTo方法,将

iis部署html css无法显示怎么解决

iis部署htmlcss无法显示怎么解决如果你的网站在VS或其他软件中运行时具有CSS和JS功能,但到了IIS中就消失了,导致网站变成纯文字界面。你需要进行如下尝试。1、首先确认是否打开IIS中的“动

如何在JavaWeb中用css

如何在JavaWeb中用css一、css概念:CascadingStyleSheets层叠样式表层叠:多个样式可以作用在同一个html的元素上,同时生效二.、好处:1.功能强大2.将内容展示和样式控制

怎么在html中加入css样式

html添加css样式有三种方法,分别为行内式(使用style属性,在特定的HTML标签内使用)、内嵌式(style标签把css代码放在特定页面的head部分中)、外联式(使用link标签,将外部cs

html和css难学吗?

什么是HTML?html是HyperTextMark-upLanguage的缩写,即超文本标记语言;html是网页的结构(Structure)。html是用来定义文档内容结构的,包含了用户需要浏览的内

html找不到css文件怎么解决

html找不到css文件怎么解决如果你在引用css文件时,使用了错误的文件路径,就会导致引用失效。解决方法就是填写正确的css文件路径。下面我们学习下HTML填写路径的两种方法。(推荐学习:HTML视

怎么在html页面写js css代码

怎么在html页面写jscss代码一、在html中写css代码的方法:1、首先我们看CSS的内联写法,顾名思义就是写在HTML标签内的,如下所示,将css代码写到元素的style属性上。 D

html如何导入css

html如何导入css1、使用链接式(推荐学习:HTML视频教程)2、使用导入式 @import"style.css" 扩展资料:二者的区别导入式和链接式的目的都是将一个独立的css文件引入一个文件中

css如何去掉html元素

css如何去掉html元素css无法将html元素完全的从页面中去除,但是可以通过一些方法让它们在视觉上隐藏掉。具体的做法是设置元素css属性display:none和visibility:hidde

css怎么写在html中?

css怎么写在html中?css样式写法可以分为:●内嵌式●内部样式表●外部样式表HTML中直接写css只能使用内嵌式和内部样式表。(相关课程推荐:css视频教程)一、内嵌式将css代码写在HTML元

html和css不换行代码是什么?

html和css不换行代码是什么?一、HTML不换行代码:在网页排版布局中比如文章列表标题排版,无论多少文字均不希望换行显示,需要强制在一行显示完内容。这就可以nobr标签来实现。语法:内容不换行内容

html5 css3是什么?

html5和css3是什么?HTML5和CSS3是HTML和CSS的最新版本。HTML为构成网页的主要语言。通过这种语言,我们可以向计算机说明网页格式、内容、显示效果等等。CSS则是专门用来控制网页显

10个HTML和CSS必须知道的重点难点问题

推荐课程:零基础入学、web全栈开发就业班、拿到offer再缴费--融职教育 网页设计自学平台 互联网时代怎能不懂一点设计和代码 1.怎么让一个不定宽高的DIV,垂直水平居中? 使用Flex 只需要在

HTML+CSS项目:仿京东电商网站(免费)

课程推荐:web全栈开发就业班--更全面的课程等着你--融职教育--点击进入 昨天的投票《【小调查】你觉得WEB前端零基础课,还要不要保留html+css的内容?》中,同学们的选择还是希望保留html

分享15个最佳的HTML/CSS设计和开发框架

课程推荐:PHP开发工程师--学习猿地精品在线课 专业的网页设计是既复杂又耗时的。它需要HTML和CSS框架的完美结合。这些框架不仅可以为设计方案增加特定的功能,还可以大大地节省时间和精力。 高效的框

使用HTML和CSS构建网站的好处

课程推荐:前端开发工程师--学习猿地精品课程 HTML和CSS网站的6个好处 HTML和CSS网站被认为是静态的,因为内容(文本,图像等)被编码到每个页面中,并且它不使用服务器技术(如动态网站那样)将