精华内容
下载资源
问答
  • HTML外部引用CSS文件不生效

    万次阅读 2016-03-25 10:53:19
    作为一个前端小白,鼓捣了几天前端。。今天突然发现我深信不疑的东西,...然后再我的html文件里面去引入这个外部css: 在浏览器一刷新。。哇,kao。竟然没反应,不起作用。。我检查了好几遍这个路径确定没有问题,
    作为一个前端小白,鼓捣了几天前端。。今天突然发现我深信不疑的东西,竟然出现了问题。。就比如我在css目录下面写了一个css样式文档:style.css。这时里面只有一句话
    
    body {  
        background-color: #ddd;  
    }

    然后再我的html文件里面去引入这个外部css:

    <link rel="stylesheet" type="text/css" href="css/style.css">  
    在浏览器一刷新。。哇,kao。竟然没反应,不起作用。。我检查了好几遍这个路径确定没有问题,打开chrome的F12调试器。确信浏览器加载了css文件,然后我打开了这个文件,看到:


    竟然乱码。。应该是编码是格式出了问题,但却不得要领。。咨询了一个前端小伙伴,后检测网页当前编码:


    显示的是UTF-16LE编码。。

    后面我试了一下,用sublime编辑器修改本地css文件编码格式为这个utf-16LE:

    重新编写了css代码。保存运行。。果然就可以了。。


    但是我的html我指定的是utf-8,而css是utf-16,这让我很不爽。。所以又询问了一下解决方案。可以解决,而且很简单。。

    把css重新改成utf-8,并编辑好里面的代码。只需在html引入这个css的时候,声明编码格式就好了:


    即给link标签加一个属性:charset="utf-8"就好了。。。其实就这么简单。。。

    展开全文
  • 新安装了webstorm 2019.2.3,写了一个简单的html引用外部css无效,但是内部引用有效,不知道什么原因。 代码如下: html代码: ``` <!DOCTYPE html> <html lang="en"> 登陆 <link type="text/...
  • 在测试的时候发现一个简单的登录页面导入外部css时失效,下面附上代码: <head> <meta charset="UTF-8"> <title></title> <!-- <script src="js/denglu.js" type="text/...

    在测试的时候发现一个简单的登录页面导入外部css时失效,下面附上代码:

    <head>
        <meta charset="UTF-8">
        <title></title>
        <!-- <script src="js/denglu.js" type="text/javascript" charset="utf-8"></script>    -->
        <link rel="stylesheet" type="text/css" href="WEB-INF/css/den.css" >
    </head>

    这是项目某一部分目录:

    很明显可以看出来,html文件register.html和WEB-INF文件夹同级目录,而css文件den.css在WEB-INF文件夹下,所以导入css时的路径

    为:  WEB-INF/css/den.css;

    <link rel="stylesheet" type="text/css" href="WEB-INF/css/den.css" >

    上面路径完全没问题;可事实就是没有效果;浏览器F12报错:

    F12报错:

    而且Sources点击左边的den.css文件,发现为空白,不知道是不是没有加载进来,看图:

    试了好久就是不行,没有效果,F12也报404,404为找不到,但是路径没有问题啊,亲测,于是换了HBuilder试了,特意创建与WEB项目相同文件目录结构;看图:

    导入路径也完全相同:

    效果都正常,css也加载了:

     

    疑惑的是在HBuilder里面结构完全相同一点问题没有,那就说明引用时的路径没有问题啊,怀疑是xml有问题;配置方面也适当查了一些资料还是不太明白;;所以为什么在IDEA里web项目引用就失效呢,真是百思不得其解,纠结了几天也没弄明白,对了乱码问题我也试了,charset="UTF-8",还是一样没效果,实在不明白,望各位大佬帮助解决,各位大佬帮忙解决,感谢感谢!!!!!!!!!

    为什么IDEA Web项目html引用外部css文件会失效!!!

    大佬帮帮忙,有问题没搞明白太不爽了。。。

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    展开全文
  • 解决Java web项目,jsp页面引入css样式文件或更新css样式文件后,css不生效的问题

    问题1:css样式文件更新后无效

    在Java web项目中,有时候我们更新了css样式文件,但是在打开对应HTML/JSP网页时,发现css样式文件新增内容并没有生效,也就是说新增内容没有加载进去。博主使用的是谷歌浏览器,在浏览器查看应用的css样式文件内容时,发现css样式文件中新增的内容没有被加载到浏览器中。

    解决方案

    出现这种问题的原因就是浏览器的缓存问题,浏览器会将css样式文件进行缓存,我们之后对样式css文件进行更新后没有同步到浏览器缓存的版本中去。所以,我们只需要每次请求样式css文件的时候,加个请求时间后缀就可以达到目的啦。

    <link rel="stylesheet" href="***.css?v=<%= System.currentTimeMillis()%>" />
    

    问题2:css样式文件引入后无效

    有时候,我们在JSP文件引入css文件后,发现加载css样式文件失败,也就是说引入的css样式文件没有生效。

    解决方案

    很有可能是因为要引入的css样式文件编码格式与浏览器编码格式不一致造成的,我们将其编码格式统一设置为utf-8即可。

    只要在标签里,添加一个 charset=“utf-8” 就可以了。

    例如:

     <link rel="stylesheet" type="text/css" href="***.css" charset="utf-8"/>
    

    之后再刷新,就可以看到css样式文件被正常加载了。

    展开全文
  • 主要介绍了jsp 网站引入外部css或者js失效问题解决的相关资料,需要的朋友可以参考下
  • 主要介绍了spring boot 2.x html中引用css和js失效,需要的朋友可以参考下
  • 今天在做spring的时候,引用css地址也是正确的(一个很普通的换背景颜色),在idea上面直接打开是有的 但是在localhost跑起来就是没有显示样式, 刚入门也不太懂,按照书上的相对地址或者是th:...

    今天在做spring的时候,引用了css地址也是正确的(一个很普通的换背景颜色),在idea上面直接打开是有的

     

    但是在localhost跑起来就是没有显示样式,

     刚入门也不太懂,按照书上的相对地址或者是th:href=@{}都没有用,最后是在application.properties文件里面加上

    spring.mvc.static-path-pattern=/static/**

    即可,我的html是放在templates下面,css是放在static下面

    最后就解决了

    展开全文
  • 今天做项目遇到的一个小问题,... 引用外部css样式时,无效。然而在相同目录下的其他jsp文件也用了相同的路径引入该css样式,发现没有啥问题。这就很奇怪了,检查代码后发现没有问题。那问题只可能出在路径上。 ...
  • 引入外部css文件时发现怎么样都无效html文件和css文件在同一个文件夹,用的相对路径 用浏览器的f12开发工具检查之后发现确实没有引入css文件 最后发现是因为前面敲的一个base标签,当时也没有注意,后来就完全...
  • 【SpringBoot页面跳转访问css、js等静态资源引用无效解决】 解释:SpringBoot项目默认访问根目录有三个分别是: /resources :系统默认的根路径 /static :所有静态资源文件如js、css、jpg、html等文件是可以直接...
  • 解决HTML外部引用CSS文件不生效问题

    万次阅读 多人点赞 2016-03-20 12:45:06
    作为一个前端小白,鼓捣了几天前端。。今天突然发现我...然后再我的html文件里面去引入这个外部css:在浏览器一刷新。。哇,kao。竟然没反应,不起作用。。我检查了好几遍这个路径确定没有问题,打开chrome的F12
  • 1. 首先我要先吐槽,狠狠的吐槽!现在遇见的问题都是百度,但是我越来越失望了,百度问题出来的有80%...经过本人实验,在Thymleaf必须使用对应的rel值,否则引入的css或其他文件将不起作用,有兴趣可以自己做实验哦~
  • 在头部link了一个外部css文件,在VSCode使用Live Server,右键网页Open With Live Server,结果外部CSS样式表没有应用,如果用浏览器直接打开网页则可以正确应用显示,请问有遇到这个问题的吗? ![图片说明]...
  • jsp使用外部CSS

    千次阅读 2017-01-05 13:52:11
    问题的描述 初次接触JSP的同学可能会遇到在JSP使用外部CSS无效的问题,出现这种问题的本质是因为被访问的CSS文件URL无效。环境介绍 1. 项目结构如图:  2. result.jsp内容如下: ...
  • 外部css文件引入失效

    千次阅读 2018-06-24 16:02:35
    好久没有写过前端代码了,有次引入bootstrap css文件在浏览器却没有获取到css文件,检查下文件路径没错,也不存在权限问题,后来仔细看了下自己引入css文件的link,发现少了东西。以下是原来写的代码:&lt;link ...
  • html引用外部css文件

    2015-11-05 14:20:06
    引用时rel="stylesheet" 不能缺少,否则无效
  • svcode 引入不了外部css文件

    千次阅读 2019-11-20 11:20:57
    HTML Snippets,HTML CSS Support
  • 一般CSS代码可以写在专门的CSS文件,然后某个页面需要时直接调用CSS文件即可。但发现将CSS文件引入后仍然不起作用。刷新后无效果。其实只要在&lt;link&gt;标签里添加一个charset="utf-8"就可以...
  • 有一个很奇怪的问题,html文件引用外部css文件在ie中无效,在其他浏览器正常引用,那是什么原因呢? 大体有如下几点: 1、doctype问题 替换为如下类型即可 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...
  • index.hmtl引入无效时 在config.js里面 遇到问题时,再补充
  • 首先引入外部文件,CSS、JS等等 步骤一:在该app下创建static文件用于储存外部文件,注意和templates文件夹放在同级目录下。 步骤二:将外部文件分类放入static下。如图所示: 步骤三:打开根目录也就是项目...
  • 使用frame,框架后,在jsp外部引用 link css样式表无效的解决方法   http://www.kfeat.com/template/css/style.css" rel="stylesheet" type="text/css" /> 今天项目出现一个怪问题,发现CSS样式没了,查了...
  • 在nodejs工程css和script的外部导入的都不起作用,**不启动服务单独打开index.html 就可以加载进来**,启动服务通过端口号访问就不行,为什么?![sdf图片说明]...
  • 一、 css-class-intellisense 插件名称名称: css-class-intellisense ID: tarrow.css-class-intellisense 说明: css class 智能提示 版本: 3.2.0 发布者: Tarrow VS Marketplace 链接: ...
  • thymeleaf 引入js css 无效

    千次阅读 2018-08-03 15:27:44
    最近使用thymeleaf 引入 js 、css 总是无效。纠结了一会,然后找原因,发现了没有写 type="text/css" ;然后总结了一下,以防下次入坑。 具体解决方案: 1、首先,link 和 script 写法如下: &lt...
  • 之前遇到这个问题的时候,在网上查了半天都没有找到正确的解决方法。今天想起来了,简单整理发上来了 ...css、js、img文件应放在static下:SpringBoot下系统默认扫描静态文件的位置 HTML文件应该...
  • 最近做网站用了一个js+css实现的带有二级菜单的导航条,在母版页创建好后,子页面调用出现了许多奇怪的问题,多方查证后的最终解决方案和大家分享下.... 1.路径问题 如果是一个单独的aspx页面调用此文件路径会是 ...
  • css外部样式不起作用

    万次阅读 2018-03-02 11:59:29
    解决方案一:将css引入的link的属性补充完整解决方案二:将自己定义的CSS样式引入标签放在bootstrap框架样式引用之后,确保不会被在加载页面时被框架的样式覆盖&lt;link href="../css/bootstrap.min.css&...
  • test.html如下: ``` <!DOCTYPE html> <html lang="en"> ... <link rel="stylesheet" href="test.css"> ...两个html都是同样的代码,为什么 *test2.html* 好使,*test1.html* 的css却加载不出来**???**

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 13,154
精华内容 5,261
关键字:

html引用外部css无效