HTML引用外部css的路径

最新推荐文章于 2024-05-19 01:30:07 发布
最新推荐文章于 2024-05-19 01:30:07 发布
阅读量1.6w 收藏 52
点赞数 15
分类专栏： 前端学习 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ada_lake/article/details/89956457
版权

HTML引用外部css，其实说简单点就是
在这里插入图片描述
href 内填入路径即可
然而今天感觉自己之前都有点。。没引入进来就试出来的赶脚。。。
索性就把情况都归纳一下
1. html,css 在同一文件夹下
在这里插入图片描述
直接引用css的名字即可，因为在当前路径之下
在这里插入图片描述
2. html,css 在同一文件夹下 ，但！css在该文件夹的子！文件夹下
在这里插入图片描述
在引用css的名字前加上子文件夹名字即可，相当于顺着找就能找出这个css
在这里插入图片描述
2. html,css 在不同一文件夹下
在这里插入图片描述
这里只能用相对路径的方式了，相当于让搜索小人儿从HTML文件夹中出去，再找css文件夹
在这里插入图片描述
相对路径比绝对路径慢，这个没有什么好说的，毕竟要出去一层层找，跟直指目标肯定不一样

有夏无夏
关注
  • 15
    点赞
  • 踩
  • 52
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
HTML外部引用CSS文件不生效原因分析及解决办法
09-28
在HTML中外部引用CSS文件是前端开发中常见的做法，它能有效地实现样式分离，提高代码的可维护性。然而，有时我们可能会遇到CSS文件无法正常应用到HTML页面上的问题。以下是一些可能导致HTML外部引用CSS文件不生效的...
HTML文件引入外部CSS文件时路径的写法总结
weixin_43458284的博客
02-19 6163
HTML文件引入外部CSS文件时路径的写法总结，列举了各种情况的路径写法
如何将css文件导入到html文件内
qq_41038797的博客
07-08 2354
以上三种方法中，外部样式表是最常用和推荐的方法。它将 CSS 代码分离到单独的文件中，使得样式的维护和管理更加方便。通过使用外部样式表，可以在多个 HTML 文件中共享同一份样式代码，并提供更好的可读性和可维护性。要将 CSS 文件导入到 HTML 文件内，可以使用 元素将 CSS 文件链接到 HTML 文件中。在上述示例中，CSS 文件名为 “styles.css”，它应该与 HTML 文件在同一目录下或者根据指定的路径进行定位。在上述示例中，CSS 样式代码位于。在上述示例中，CSS 样式代码位于。
前端技术(一)——html、css介绍
最新发布
kejizhentan的博客
05-19 953
html和css技术详解
html怎么引入本地css文件路径,html如何引入css文件
weixin_34972980的博客
07-16 6239
引入方法：1、使用link标签引入，语法“”；2、在stylet标签中，使用“@import”规则引入，语法“@import url(css文件地址)”。本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。html引入css文件有两种方法：使用link标签引用外部CSS文件(链接方式)使用@import引用外部CSS文件(导入方式)1、使用link标...
关于 JS动态生成的 iframe 引入CSS 的踩坑
m0_61486963的博客
07-31 2860
关于 JS动态生成的 iframe 引入CSS 的踩坑
如何将CSS应用于iframe？
asdfgh0077的博客
12-14 6944
我有一个简单的页面，其中包含一些iframe部分（以显示RSS链接）。 如何将相同的CSS格式从首页应用到iframe中显示的页面？
如何使用php脚本给html中引用的js和css路径打上版本号
10-23
主要介绍了如何使用php脚本给html中引用的js和css路径打上版本号，打版本号有个好处就是可以解决外部应用文件实时更新问题，喜欢的朋友一起看看全文吧
浅析CSS编程的外部CSS文件引用方法
12-13
CSS外部引用使用了外接的CSS文件,一般的浏览器都带有缓存功能,所以用户不用每次都下载此CSS文件. 外部引用相对于内部引用和内联引用来说是高效的是节省宽带的. 外部引用是W3C推荐使用的. 外部引用CSS是最好的引入CSS...
CSS与JS中的相对路径引用简单介绍
01-19
大家在html中通常会导入一些外部的css、js文件，而其中一个比较容易被忽视的问题就是路径问题，有时候，我们在css、js中都有通过路径来引入一张图片的需求，当我们采用相对路径的时候，在css和js中引用图片的相对...
c语言导入外部css文件路径,浅谈HTML文件引入外部CSS文件时路径的写法总结
weixin_34588509的博客
05-24 649
一. 引入外部css文件的基本样式用< link>标签引入外部样式表，其中通常要写两个属性：href属性表示css文件的路径rel=“stylesheet” 描述了当前页面与href所指定文档的关系.即说明的是,href连接的文档是一个新式表二 . 路径的基本规则/ 代表根目录，慎用…/ 代表上一级目录…/…/ 代表上两级目录/… 代表下级目录/…/… 代表下两级目录三 . 常见情况路...
html如何导入css和js文件
weixin_50878401的博客
10-11 5737
html如何导入css和js文件 1.导入js文件 <script type="text/javascript" src="js文件路径"></script> 加入上述代码，即可导入js路径指向的js文件 2.导入css文件 在html的体里加入下面这行代码即可导入css文件 <link rel="stylesheet" type="text/css" href="css文件路径"> 然后在需要使用css样式的组件加入class="样式体名称"属性即可对该组件使用cs
springmvc下html网页css样式引入路径问题
brantykl的博客
02-28 863
1.浏览器打开html网页后,ctrl+f12.发现有许多资源找不到 2.这是由于css的导入路径错误 3.springmvc下,css的导入路径建议采用绝对路径.根路径是resource目录 4.若是采用相对路径,则会拼接springmvc请求路径作为前缀 @RequestMapping("/search") public class SkuController { } #以上请求路径是http://localhost:18081/search #返回的视图里的css是 <link rel="
html中怎样导入css文件路径,前端——css文件引入的路径问题
weixin_39708636的博客
06-16 2780
上一篇我们说到引入css文件的三种方式，而其中的外部样式，也就是外部引用样式需要用到link标签来写。关于link的属性我们在这详细说明。一、引入标签及其样式关于link的属性最主要的就是“href”和“rel”属性，我们在编辑器编写link标签的时候，它会默认帮我们填好rel属性的值，通常为：rel =“stylesheet”，这是什么意思呢？它描绘了当前页面与href所指定文档的关系，说的是h...
HTML引入css文件（四种方法）
热门推荐
m0_63569670的博客
11-08 3万+
引入css方式
CSS的四种引入方式
qq_58782226的博客
07-27 1620
css的四种引入方式
CSS-外部引入方法
w20180341314的博客
02-15 1661
CSS
html引用外部css
04-02
要在HTML中引用外部CSS文件，您需要使用<link>标记，如下所示： ```html <head> <link rel="stylesheet" type="text/css" href="styles.css"> </head> ``` 其中，rel属性指定了链接的类型，type属性指定了文件的类型（这里是CSS文件），href属性指定了CSS文件的路径和文件名。 请注意，这个<link>标记应该放在<head>标记中。这样，浏览器会在显示页面之前加载和应用CSS文件中的样式。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值