在html中引入css文件时不起作用问题的解决

最新推荐文章于 2024-06-18 13:20:32 发布
最新推荐文章于 2024-06-18 13:20:32 发布
阅读量2w 收藏 11
点赞数 9
分类专栏： javaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_42994131/article/details/99061592
版权

编写了一个HTML页面，在页面中引入了一个css文件如下
在这里插入图片描述
但是用浏览器打开后页面却并没有使用css的显示格式
在这里插入图片描述
经查找资料发现，需要加入rel=stylesheet就可以解决了。rel是关联的意思，关联的是一个样式表(stylesheet)文档，它表示这个link在文档初始化时将被使用，一般不需要改动的。

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

加入之后的显示
在这里插入图片描述

sinat_42994131
关注
  • 9
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
html调用css不起作用,新手如何解决css外部导入不起作用思路
weixin_39641236的博客
06-07 4128
HTML使用CSS样式一共有如下三种方式：1.内联样式- 在HTML元素中使用"style"属性；2.内部样式表 -在HTML文档头部 区域使用；3.外部引用 - 使用外部 CSS文件。一般而言，使用前两种方式都很少有问题，但在实际开发过程中，为了方便维护，HTML一般都是外部导入CSS样式的。因此，新手使用CSS样式遇到的问题一般是外部导入的CSS不起作用。新手先检查内部样式是否覆盖外部链的样...
HTML外部引用CSS文件不生效原因分析及解决办法
01-19
作为一个前端小白，鼓捣了几天前端。。今天突然发现我深信不疑的东西，竟然出现了问题。。就比如我在css目录下面写了一个css样式文档：style.css。这时里面只有一句话： XML/HTML Code复制内容到剪贴板 body {     background-color: #ddd;     }    然后再我的html文件里面去引入这个外部css： XML/HTML Code复制内容到剪贴板 <link rel=stylesheet type=text/css href=css/style.css>    在浏览器一刷新。。哇，kao。竟然没
在HTML中引入CSS的3种方式使用介绍
09-28
在HTML中，引入CSS的方法主要有行内式、内嵌式、导入式和链接式，下面针对这几种不同的引入方式给予了使用建议，比较迷惑的朋友可以参考下
HTML基础知识
最新发布
m0_64105917的博客
06-18 1211
HTML基础知识
解决HTML外部引用CSS文件不生效问题
热门推荐
果冻虾仁
03-20 6万+
作为一个前端小白，鼓捣了几天前端。。今天突然发现我深信不疑的东西，竟然出现了问题。。就比如我在css目录下面写了一个css样式文档：style.css。然后再我的html文件里面去引入这个外部css：在浏览器一刷新。。哇，kao。竟然没反应，不起作用。。我检查了好几遍这个路径确定没有问题，打开chrome的F12
HTML引入外部css失效解决
qq_43211318的博客
03-27 4822
这个问题，困惑我好久，但是偶然间想起是不是路径不对，然后我发现了只要在href中加入../即可，例： 解决一： <link rel="stylesheet" href="css/first.css"> 这个是我写的，但是他是失效的，解决方法如下： <link rel="stylesheet" href="../css/first.css"> 就是这样。具体原理大概就是文件夹有点多，他找不到，然后给他开个门出去找， 解决2：既然HTML找不到css文件，那么我把HTML文件
关于html引入css文件后没有效果问题
/
02-10 9573
这个问题在我写前端的时候是一直会出现的，为了避免下次再次出现，有必要记录一下。通过外部样式表引入css文件到html中，会用到：（以下是这里的问题是标签可以有type属性，但是应该写成,也就是：（以下是照成上述原因是用vscode时快捷生成代码时敲了
html 空格不起作用,css不起作用是什么原因？
weixin_35810012的博客
06-07 1057
在写页面时，有时会发现自己写的css样式不起作用，这是怎么回事？css样式不起作用的原因是什么？下面本篇文章就来给大家介绍一些css样式不起作用的常见原因，希望对大家有所帮助。一、html标签没写完整，漏了“”或者“/”等这是版面设计失效的最常见原因之一。当我们了解到这是多少精致的版块设计失效的罪魁祸首时，总会大吃一惊。二、样式表保存的编码错误如果怀疑CSS表的编码错误，可以直接将css文件以ut...
html css外接修改无效,HTML外部引用CSS文件为什么会不生效
weixin_29164081的博客
06-09 1597
HTML外部引用CSS文件为什么会不生效发布时间：2021-01-14 09:41:22来源：亿速云阅读：112作者：小新这篇文章将为大家详细讲解有关HTML外部引用CSS文件为什么会不生效，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。HTML外部引用CSS文件不生效的原因：1、没有关联外部CSS样式表文件或关联路径出错；2、样式表保存的编码错误，可以将css文...
vue在index.html中引入静态文件不生效问题及解决方法
10-17
在遇到Vue在`index.html`中引入静态文件不生效的问题时，首先要检查静态文件是否位于`static`目录下，如果不是，需要将其移入或调整配置。其次，确认静态资源目录是否与配置文件中的设置一致，如果不一致，应相应地...
jsp文件中引用外部.css或.js文件的路径问题.pdf
11-16
本文将详细讲解在 jsp 文件中引用外部.css 或.js 文件的路径问题，并提供多种解决方案。 问题背景 在 Web 应用程序中，我们通常需要在 jsp 文件中引用外部的.css 或.js 文件，以便美化网页样式或实现某些交互功能...
html引用外部样式表无效果,HTML外部引用CSS文件不生效的原因,web项目引用css无效...
weixin_39771351的博客
06-03 3856
HTML外部引用CSS文件不生效的原因html外部引用CSS文件无效的原因，HTML外部引用CSS文件无效的原因：1。没有关联外部CSS样式表文件或关联路径错误；2.样式表的编码错误被保存。您可以将css文件保存为utf-8编码。教程： windows 7系统操作环境，html 5 css3版本，戴尔G3电脑。推荐：css视频教程HTML外部引用CSS文件不生效的原因1.外部CSS样式表文件没...
HTML无法使用CSS文件
weixin_44401388的博客
09-02 142
<link rel="stylesheet" href="../ing/a.css"> 在文件路径前面加 ../
html无法链接外部css文件路径,外部css不起作用是什么原因？
weixin_42512723的博客
06-19 4007
HTML使用CSS样式一共有如下三种方式：1.内联样式- 在HTML元素中使用"style"属性；2.内部样式表 -在HTML文档头部 区域使用；3.外部引用 - 使用外部 CSS文件。在实际开发过程中，为了方便维护，HTML一般都是外部导入CSS样式的。因此，新手使用CSS样式遇到的问题一般是外部导入的CSS不起作用。下面我们来看一下外部css不起作用的原因：一、外部css文件样式全部不起作用a...
css 不生效，这是什么情况？
weixin_42603332的博客
12-21 2638
有几种可能的原因导致 CSS 不生效： CSS 文件没有正确加载。检查你的 HTML 代码是否正确引用了 CSS 文件，并确保 CSS 文件的路径是正确的。 CSS 规则没有应用到相应的元素上。检查你的 CSS 代码是否正确地选择了相应的元素，并确保你的 CSS 规则的优先级足够高。 浏览器不支持你使用的 CSS 特性。确保你使用的 CSS 特性在目标浏览器中是受支持的。 CSS 被其他样...
CSS外部链接无效问题
qq_28026809的博客
09-05 4231
绝对路径：从根目录到目标文件的所有路径 相对路径：相对于当前文件的路径。                          "./"：代表目前所在的目录。                          "../"：代表上一层目录。                         以"/"开头：代表根目录。
css实现超链接失效
快乐向日葵
02-27 199
&lt;HTML&gt;&lt;HEAD&gt;&lt;meta http-equiv="Content-Language" content="zh-cn"&gt;&lt;TITLE&gt;中国设计秀www.cnwebshow.com-----让网页上的超链接失效，不能点击&lt;/TITLE&gt;&lt;style&gt;a {poorfish:expression(t
外部css样式不生效的原因
TOUCH963的博客
08-25 1965
这时候不会报错，对于基础知识不扎实的小白来说可能很难找到原因。可能是引用格式写错了。有的地方写成 “./”或者“../”2.css文件和html文件没有放在同一个文件夹中。(非科班小白自学记录第一帖，大佬轻喷)...
在 HTML 文件中引入 Swiper 的 CSS 文件
05-27
要在HTML文件中引入Swiper的CSS文件，可以通过以下步骤实现： 1. 首先在你的项目中下载Swiper的CSS文件，并将其保存到你的项目文件夹中，例如保存到一个名为“css”的文件夹中。 2. 在你的HTML文件的头部（head）区域中添加一个link标签，用于引入Swiper的CSS文件，例如： ``` <head> <link rel="stylesheet" href="css/swiper.min.css"> </head> ``` 这个link标签的href属性指向你在第一步中保存的Swiper的CSS文件的路径，这个例子中假设你将Swiper的CSS文件保存在了一个名为“swiper.min.css”的文件中。 3. 然后就可以在HTML文件中使用Swiper了，例如： ``` <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <div class="swiper-slide">Slide 2</div> <div class="swiper-slide">Slide 3</div> </div> </div> ``` 这个例子中，我们使用了Swiper的HTML结构，并将其样式定义在了Swiper的CSS文件中。当你在浏览器中打开这个HTML文件时，Swiper的样式就会被应用到Swiper的HTML结构中。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值