HTML引入外部css失效解决

最新推荐文章于 2024-02-03 00:15:00 发布
最新推荐文章于 2024-02-03 00:15:00 发布
阅读量4.8k 收藏 15
点赞数 13
文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43211318/article/details/123770611
版权

这个问题，困惑我好久，但是偶然间想起是不是路径不对，然后我发现了只要在href中加入../即可，例：

解决一：

<link rel="stylesheet" href="css/first.css">

这个是我写的，但是他是失效的，解决方法如下：

<link rel="stylesheet" href="../css/first.css">

就是这样。具体原理大概就是文件夹有点多，他找不到，然后给他开个门出去找，

解决2：既然HTML找不到css文件，那么我把HTML文件从文件夹里取出来和css文件夹放到同一级别中watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAcXFfNDMyMTEzMTg=,size_7,color_FFFFFF,t_70,g_se,x_16

 就像这样，也能解决，

本人小白，这只是我的解决问题的办法，希望可以帮到大家

qq_43211318
关注
  • 13
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
前端开发面试题–htmlcss篇
01-20
3. **CSS引入方式的区别** - **link与@import**：`link`标签会同时加载内容和样式，且可引入其他资源；而`@import`则在HTML加载后再加载CSS，增加额外的HTTP请求。`link`支持DOM操作，`@import`不支持，且`@import`...
jquery mobile页面跳转后样式丢失js失效的解决方法
10-25
当样式丢失或JavaScript失效时，首要解决方案是将页面所需的CSS和JS文件内联到`<page>`标签内。这意味着将所有必要的样式表（`.css`文件）链接和脚本（`.js`文件）的引用复制到目标页面的`<head>`部分，或者直接将...
关于html引入css文件后没有效果问题
/
02-10 9452
这个问题在我写前端的时候是一直会出现的，为了避免下次再次出现，有必要记录一下。通过外部样式表引入css文件到html中，会用到：（以下是这里的问题是标签可以有type属性，但是应该写成,也就是：（以下是照成上述原因是用vscode时快捷生成代码时敲了
link标签引入css不起作用
鶸的博客
11-04 3010
重启ide
html静态资源访问不到,springboot 项目中css js 等静态资源无法访问的问题
weixin_39985820的博客
05-30 547
问题场景今天在开发一个springboot 项目的时候突然发现 css js 等静态资源竟然都报404找不到，折腾了好久终于把问题都解决了，决定写篇博客，纪录总结一下。给同样踩坑的同学参考一下，同时自己也免得以后忘记了又要重新花时间折腾。项目结构如下：templates 文件目录下的html，引用了static 目录下的css js ,访问的时候报404。引用方式如下问题分析此种写法，网页渲染出来...
html引入本地css样式无效,vue在index.html里面引入css文件样式加载失败
weixin_29247219的博客
06-16 2688
问题描述我在vue的index.html里面引入本地的第三方CSS文件，浏览器会出现一个提示，同时样式也没有生效问题出现的环境背景及自己尝试过哪些方法网上搜索了一下说是什么拦截器的问题，但没有找到和vue相关的修改方法相关代码(额，segmentfault的规定，让我必须把代码写在这里，手动滑稽)你期待的结果是什么？实际看到的错误信息又是什么？希望大神帮忙解惑，谢谢了。更新： 恩，试了楼下二位的办...
vue中嵌入的v-html样式影响到外部vue组件
weixin_42343156的博客
11-24 1810
result = result.replace('body {', 'tbody {'); result = result.replace('td, p, li, th {', 'tbody td, tbody p, tbody li, tbody th {'); 给引入的html标签加一个限制
html css调用自定义字体,html – 使用CSS包含自定义字体以使其与最大浏览器兼容的最佳方法是什么？...
weixin_30918493的博客
06-04 112
这是我用来在每个浏览器中嵌入我的字体的css,希望有帮助：@font-face {font-family: 'xyzfont';src: url('fonts/abc-font.eot'); /* IE9 Compat Modes */src: url('fonts/abc-font.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */url...
jsp 网站引入外部css或者js失效问题解决
11-28
本文将详细介绍如何解决JSP中引入外部CSS和JS失效的问题。 首先，最常见的问题在于路径设置不正确。当你在JSP页面中引用CSS或JS文件时，必须确保提供的路径能够正确地指向这些文件。在给定的描述中，开发者提到了...
HTML外部引用CSS文件不生效原因分析及解决办法
09-28
在HTML中外部引用CSS文件是前端开发中常见的做法，它能有效地实现样式分离，提高...通过以上步骤，一般可以解决大部分CSS引用失效的问题。在开发过程中，养成使用浏览器开发者工具的习惯，能够帮助快速定位和解决问题。
CSS -- a:link 失效问题 及 属性选择器
随便写写
09-22 1355
还有属性title的作用是，当鼠标悬浮在其元素上时，显示提示文字，如下。这个达到了预期，包含标题的属性都生效了。可知需加一个链接，有一个值（非空格）；把浏览器的历史记录删除 就可以了。样式没有了，因为已经被访问过了。那怎么才能让他重新又产生样式呢。发现Link2还是默认样式，或者重新给一个新的链接。
在html中引入css文件时不起作用问题的解决
sinat_42994131的博客
08-10 2万+
编写了一个HTML页面，在页面中引入了一个css文件如下 但是用浏览器打开后页面却并没有使用css的显示格式 经查找资料发现，需要加入rel=stylesheet就可以解决了。rel是关联的意思，关联的是一个样式表(stylesheet)文档，它表示这个link在文档初始化时将被使用，一般不需要改动的。 <link rel="stylesheet" href="lili.css"/&gt...
css外部样式不起作用
杨咩咩
03-02 1万+
解决方案一：将css引入的link的属性补充完整解决方案二：将自己定义的CSS样式引入标签放在bootstrap框架样式引用之后，确保不会被在加载页面时被框架的样式覆盖&lt;link href="../css/bootstrap.min.css" rel="stylesheet"&gt; &lt;!--&lt;link rel="stylesheet" href="../css/bootstra...
link 与 @import：CSS 样式表的加载策略(下)
你若盛开，清风自来
02-03 1066
🤍 前端开发工程师、技术日更博主、已过CET6🍨、23年度博客之星前端领域TOP1🕠高级专题作者、打造专栏🍚签约作者、上架课程。
外联css不生效,css外联样式不起作用的解决方法
weixin_39938746的博客
08-04 3878
css外联样式不起作用的解决方法发布时间：2020-12-22 09:32:23来源：亿速云阅读：67作者：小新这篇文章主要介绍css外联样式不起作用的解决方法，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！css外联样式不起作用的解决办法：首先用sublime编辑器打开css文件；然后修改本地css文件编码格式为“utf-16LE”；最后重新保存运行即可。作为一个前端小白，...
解决HTML外部引用CSS文件不生效问题
热门推荐
果冻虾仁
03-20 6万+
作为一个前端小白，鼓捣了几天前端。。今天突然发现我深信不疑的东西，竟然出现了问题。。就比如我在css目录下面写了一个css样式文档：style.css。然后再我的html文件里面去引入这个外部css：在浏览器一刷新。。哇，kao。竟然没反应，不起作用。。我检查了好几遍这个路径确定没有问题，打开chrome的F12
Django中html与CSS链接不上的问题！！！（想哭）
qq_36937194的博客
11-01 1368
1.看 2.配置（添加代码）
html引入外部css文件
最新发布
03-26
在HTML中引入外部CSS文件可以通过使用<link>标签来实现。以下是引入外部CSS文件的步骤： 1. 首先，创建一个CSS文件，将其保存为`.css`文件格式。例如，你可以创建一个名为`styles.css`的文件。 2. 在HTML文件的<head>标签中，使用<link>标签来引入外部CSS文件。在<link>标签中，设置`rel`属性为`stylesheet`，并将`href`属性设置为CSS文件的路径。例如： ```html <head> <link rel="stylesheet" href="styles.css"> </head> ``` 3. 确保CSS文件与HTML文件在同一目录下，或者使用正确的相对路径来指定CSS文件的位置。 这样，当浏览器加载HTML文件时，它会自动下载并应用所引用的外部CSS文件中的样式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值