CSS引用无效涉及的相对路径和绝对路径问题。

最新推荐文章于 2023-11-24 13:55:55 发布

_zmynsa

最新推荐文章于 2023-11-24 13:55:55 发布

阅读量3.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： CSSAndHtml 文章标签： css html url

本文链接：https://blog.youkuaiyun.com/zmysn_a/article/details/78374841

CSSAndHtml 专栏收录该内容

0 篇文章

订阅专栏

　　今天刚开始学习CSS，就发现html用@import url引用CSS无效。找了一会发现测试的html文件在桌面上。而引用的CSS放在E盘E:\notepadworkplace\css。于是把CSS文件放在桌面解决了问题。

　　另外查询了和HTML中涉及文件的相对路径和绝对路径的概念

　　1.相对路径，就是放在同一目录下的子文件的相对位置。

　　　　如果两个文件在同一目录下可以直接引用，比如：c:\test1.html 和 c：\test.css 。html可以直接引用css。

　　　　如果两个文件不在同一目录，但是有相同的上级目录，也可以使用相对路径。比如c:\test1.html 和c;\img\test.jpg有相同的上级目录c:\。所以html可以使用图片引用语句

　　　　<body background="../img/bg.jpg">进行相对路径引用（其中../代表上一级目录，多个上一级目录可以使用多次../）

　　2.绝对路径

　　　　绝对路径就是在硬盘上的真实路径。比如c;\img\test.jpg。因为相对路径比较灵活简便，而且绝对路径可能存在找不到文件的问题。所以网页中一般不使用绝对路径

　　ps：相对路径使用“/”字符作为目录的分隔字符，而绝对路径可以使用“\”或“/”字符作为目录的分隔字符

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

_zmynsa

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

css实现圆环路径,笔记：CSS、canvas 和 SVG 分别实现元素沿环形路径运动动画

weixin_34118910的博客

08-04

1326

CSS 部分最早接触到使用 CSS 使元素以环形路径运动的办法来自于 Lea Verou 的书《CSS 揭秘》中第八章中的《沿环形路径平移的动画》。虽然随着 CSS 的发展部分语法有些出入，不过作者早在 2012 年就在自己的博客上发表了《Moving an element along a circle》记录相关思路演示以下是一个根据其思路制作的例子，做了一些简单演变，方便演示。理解上面这种办法的...

SpringBoot页面跳转访问css、js等静态资源引用无效解决.docx

06-03

在SpringBoot应用中，开发人员经常遇到...通过以上步骤，你应该能够成功解决SpringBoot项目中页面跳转访问CSS、JS等静态资源引用无效的问题。记住，理解SpringBoot的默认配置以及如何对其进行自定义是解决问题的关键。

参与评论您还未登录，请先登录后发表或查看评论

CSS中背景图片绝对路径无法显示问题

qq_45192192的博客

05-07

744

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ background-image: url(E:\1.jpg); } </style> </head> <body> </html> 这样

CSS样式表引用问题之绝对路径

Red_Liu

06-11

1529

例如iconfont 提供的 font-class引用 //at.alicdn.com/t/font_1876690_1hiszbbu61ch.css 正常是这酱紫： <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_180_1hish.css"> 但是在本地浏览，报错提示没有找到。（没进行线上测试）刚开始猜测是Google浏览器问题，换浏览器还是同样问题；至于原因没查到但是解决方法如下，在双斜杠前面

html外链css无效,css外链路径问题 css外链无效，需要倒着写

weixin_33510225的博客

06-04

909

请教本人菜鸟一个刚刚学习css 现在我外链css不起效果始终不知道为什除了路径问题外还要注意一个选择器的问题。如果在html中通过id属性引用css文件中定义的样式那在css文件中选择器就要写成“#name{}”；如果在html中通过class属性引用css文件中定义的样式那在css文件中选择器就要写成“.name{}”；一般来说引用js文件或者CSS调用外链有什么地方是可以调用...

CSS @font-face不生效问题

weixin_34061555的博客

12-12

1万+

今天在项目中使用了外部字体使用font-face引入后发现字体微生效控制台network查看字体也确实加载了后来发现是font-face写错了 font-face的font-family属性要跟引用字体的名称一样贴段代码一目了然 @font-face { font-family: "SourceHanSansCN-Bold"; src: url('./src/assets/font/...

采用相对路径引入外部css文件无效的一种出错可能

folkboat的博客

07-03

4330

引入外部css文件时发现怎么样都无效，html文件和css文件在同一个文件夹，用的相对路径 用浏览器的f12开发工具检查之后发现确实没有引入css文件最后发现是因为前面敲的一个base标签，当时也没有注意，后来就完全忘记了。。。这个标签令所有的相对路径都加上了前面的部分，自然引入不了。。。 ...

绝对路径、相对路径的表示方法

12-21

在前端开发中，绝对路径和相对路径主要用于链接CSS、JavaScript文件和图像资源。当构建本地开发环境时，开发者通常使用相对路径，因为这允许他们在不同目录结构下运行项目。而在生产环境中，为了确保资源的可访问性...

vue webpack build资源相对路径的问题及解决方法

01-19

默认情况webpack+vue-cli打包的css、js等静态资源路径都是绝对的，即static在根目录下，如果部署到带有文件夹目录的项目中，资源路径就会出错。如图：解决方法: 在webpack.prod.conf.js中，output中添加或者...

css中url的路径含义

12-13

如果你想让这个CSS文件在其他目录（如`pub1`下的`frm1.aspx`）也能正常使用，你可能需要调整`url`路径，使其相对于引用HTML文件的目录，这可能需要使用相对路径（如`url(../images/iepngfix.htc)`）或者绝对路径...

CSS 中 @import url（）

yuxisanno139的专栏

10-09

1296

@import url（）总结： 1，@import url（）机制是不同于link的，link是在加载页面前把css加载完毕，而@import url（）则是读取完文件后在加载，所以会出现一开始没有css样式，闪烁一下出现样式后的页面(网速慢的情况下)。 2，@import 是css2里面的，所以古老的ie5不支持。 3，当使用javascript控制dom去改变样式的时候，只能使

模拟BS之问题解决：乱码、找不到指定路径、外部css无效果、以及图像无法加载到页面等

weixin_68768997的博客

10-28

1155

但是按他这个文件路径访问服务器会报错（FileNotFoundException）找不到指定路径，经过仔细查看，发现路径是错的，因为服务器在src目录，html文件在web目录里边，而src与web不属于上下级，所以服务器要访问html文件，直接返回上一级访问web里面的html文件即可，即把web前边的父目录去掉即可。至于造成这个样子的问题就是，html文件设置的编码形式是UTF-8，而IDEA中默认的文件编码是ISO-8859-1，所以在ISO-8859-1字符集中找不到对应的字符。

css里面的@import

qq_44473483的博客

11-24

1593

@import

Vue中安装使用fullCalendar时遇到的坑

热门推荐

飞翔的小白

01-28

1万+

按照网上的教程，说安装如下插件： // 安装相关插件 npm install --save @fullcalendar/core npm install --save @fullcalendar/resource-timeline npm install --save @fullcalendar/timeline 然后再按需引入： //按需引入 import FullCalendar from '@fullcalendar/vue' import resourceTimelinePlugin

vue 项目使用 @import url(‘‘)和 @import引入scss文件问题小记

qq_38233172的博客

07-05

1342

换成@import ''引入样式则一切正常，找了一些文章都在说link 和 @import以及require 的区别。在样式文件是用变量、插值语法等使用@import url('')会导致变量和插值语法不生效，具体为啥目前还不清晰，以后找到了根源问题，会继续做补充。也期待大佬做详细的分析。

vue 使用@import引入样式文件scoped无效造成全局样式污染

m0_73202019的博客

10-12

2537

样式全局污染产生的bug，会影响到其他页面原有的样式，导致每个页面的样式互相冲突，如果写的代码造成了全局样式污染，导致别人的页面每个地方都要去写自定义页面的代码，导致工作量巨大，严重的话，领导会让你当场辞职。4.如果几个页面复用，那么在styles文件夹，里面创建个独立的scss，复用的代码写在这个文件里面。1.写在单组件的style里面css样式，如果标签内不加scoped可能会影响其他组件的样式。2.通过import引入的外部css文件，这种引入方式是全局的，也会影响其他组件的页面样式。

“.scss“文件样式失效,可能是@import的原因

lemon4947的博客

04-27

1302

最近学习uniapp, 写公共组件时, @include样式被devTools样式被划掉

Vue项目中import的使用，模块或文件常用的几种引入方式

xiaoge_586的博客

12-06

1万+

1、引入第三方插件 –类似于用install安装的一些插件库 import echarts from 'echarts' 2、引入工具类引入工具类前需要有封装好的工具类，然后export导出相关Js工具类，一般写法如下tool.js类: export function toolFuncA(options) { return ... }, export function toolFuncB(options) { return ... } 或 let toolFuncA = { Afunc:f

绝对路径${pageContext.request.contextPath} 引入Js和CSS文件，解决相对路径获取不了Js和CSS文件

weixin_51542566的博客

05-07

1537

JSP取得绝对路径 在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下：pageContext.request.contextPath等价于<{pageContext.request.contextPath} 等价于 <%=request.getContextPath()%> 或者可以说是<%=request.getContextPath()%>的EL版意思就是取出部署的

相对路径怎么写