CSS中的相对路径

最新推荐文章于 2024-05-24 16:17:34 发布
最新推荐文章于 2024-05-24 16:17:34 发布
阅读量1.6k 收藏 2
点赞数 1
分类专栏： css 文章标签： css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yucongyuqian/article/details/78247192
版权

相对于文件自身出发，就是相对路径。
◆文件和图片（html文档）在同一个目录(文件夹) ，直接写文件名。

这里写图片描述

◆图片（html文档）在文件在下一级目录里。文件夹名称+/+图片（html）名称

这里写图片描述

◆图片（html）在文件的上一级目录里，..+/+图片（html）名称

这里写图片描述强调内容

◆图片在文件的上一级的其他目录里，../文件夹名称/图片名称

这里写图片描述

★总结：找到下一级目录（文件夹）的图片（文件）用 /
跳出当前目录使用..

绝对路径

这里写图片描述

yucongyuqian
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS动态引入相对路径的CSS文件
qq_37644845的博客
03-28 1393
JS动态引入相对路径的CSS文件1. 获取相对路径2. 动态加载css文件3. 引入css 1. 获取相对路径 参考 https://www.cnblogs.com/dragondean/p/js-self-path.html // 获取js完整路径 function getMySrc() { var scriptSrc = document.getElementsByTagNam...
HTML 相对路径和绝对路径
weixin_30260399的博客
03-23 167
相对于文件自身出发，就是相对路径。 跳出当前目录使用../ ◆文件和图片（html文档）在同一个目录(文件夹) ，直接写文件名。 ◆图片（html文档）在文件在下一级目录里。文件夹名称+/+图片（html）名称 ◆图片（html）在文件的上一级目录里，..+/+图片（html）名称 ◆图片在文件的上一级的其他目录里，../文件夹名称/图片名称 ...
绝对路径与相对路径
记录和分享属于我的“IT”时光
04-21 835
【绝对路径】 绝对路径，指完整地描述文件的位置的路径。 【相对路径（推荐）】 相对路径，就是指相对于当前文件的位置。 ../表示上一级目录 下面将以html引用css文件的方式重点表演一下相对路径的写法： （一）当html文件和css文件在同一文件夹内时： 【示例①】 href中直接输入css文件名及后缀即可，如href=“xy.css” （二）当html文件和css文件在不同文件夹内时： 【示例①】 当css文件位于html文件下一级时，直接输入下一级文件夹名+css文件名及后缀即可，如href=“下
CCS基础入门
最新发布
a_black_的博客
05-24 1649
cmd --- cmd文件 作用：整个工程编译以后 工程的可执行代码 是由各个数据段组成 cmd文件就是把各个段 分配到DSP的存储空间去 怎么分配的 就是由cmd文件的配置 决定的。include(有两个 Inlcude 一个是 CCS自带的 一个是 我们自己的) ---- 工程所需要的 头文件。CCS6.0和CCS3.3有着很大的区别 因为两个软件是在不同的 平台下面写的开发环境。下面这个 是我们建立工程时 28335的头文件 也就是 include 文件夹下面包含的文件。
CSS绝对路径与相对路径
qq_53959286的博客
01-21 1974
统一资源定位符（URL） URL (Uniform Resource Locator）的中文全称是“统一资源定位符”。 URL是文档在web或者internet上的地址，一般用在超链接当中。尽管URL看起来很长很复杂，但它总是由4个部分构成， 即协议名、主机名、文件夹名（路径）和文件名。 例如： http：//www.tsinghua.edu.cn/publish/th/index.html http是协议名，www.tsinghua.edu.cn是主机名，publish/th是文件夹名（th文件夹在pu
自动化测试CSS元素定位
OKCRoss的博客
03-04 604
对于复合class，如，直接写上所有的class即可，即：driver.find_element_by_css_selector(“input. btn.btn-lg.btn-default”)driver.find_element_by_css_selector('input.s_ipt').send_keys('丸子')img[alt=”点我试试呀”][src=”/images/bg.jpg”]
CSS与JS中的相对路径引用简单介绍
01-19
javascript和css文件中采用相对路径，其基准路径是完全不同的。 1.javascript引用资源(比如图片)相对路径是以宿主路径(被引用的网页比如你在首页index.php引用了某js文件，则index.php即为宿主)所处位置为基准。 2...
jsp、css中引入外部资源相对路径问题分析
10-24
主要介绍了jsp、css中引入外部资源相对路径的问题 ,需要的朋友可以参考下
Webpack 中 css import 使用 alias 相对路径的方法
09-22
在 Vue 项目中，我们通常使用 vue-webpack 脚手架生成工程模板，然后配置 @ 为项目根目录下放资源和源码的 /src 目录的...这篇文章给大家介绍Webpack 中 css import 使用 alias 相对路径的方法，感兴趣的朋友一起看看吧
css中url的路径含义
09-25
- 尽量避免在CSS中使用特定于目录的相对路径，因为这可能导致在移动或重排文件时出错。 - 使用基于根目录的相对路径或绝对路径，以提高代码的可移植性和可维护性。 - 如果可能，将所有静态资源（如图片、字体、`....
绝对路径和相对路径
2301_76270413的博客
05-31 374
CSS03.HTML通过两次 ../../ 返回到javawebcode,再根据javaweb下路径依次编写到CSS01.css,即可从CSS03.HTML访问到CSS01.CSS里面对html的样式修改。绝对路径（Absolute path）是指具有完整路径信息的路径。绝对路径提供了从文件系统根目录开始的完整路径。绝对路径可以使用在任何计算机中，因为它们始终表示同一位置。即可从CSS03.HTML访问到CSS01.CSS里面对html的样式修改。./ 符号表示当前文件所在文件夹。
绝对路径和相对路径详解
热门推荐
朔月
10-05 16万+
比如说你的C盘ABC文件夹下有两个文件file1和file2 如果让文件file1说出文件file2的位置(也就是路径),那么它有两种表示方法: 第一种：C:\ABC\file2 这就是绝对路径,指明file2文件在C盘ABC文件下,从最大的目录C盘开始表示出来. 第二种：file2 这就是相对路径,因为file1文件和file2文件都在C:\ABC下,所以它们的路径前面"C:\ABC"都是一样...
css图片的绝对路径和相对路径
qq_45716607的博客
04-28 6526
在CSS文件里，有时要用到background，即加一个背景图片，添加的路径根据图片及css文件的相对位置分以下两种类型： 1.同包下：background : url(xxx.jpg); 2.不同包： 在这种情况下有2中方法可以设置，一种是使用绝对路径，即C:\Users\dellpc\Desktop\Pro\test\images\xxx.jpg或者是http://www.xxx.com/xxx.gif这种，不过一般不推荐这么用，不利于项目移植；一种是使用相对路径，首先需要找到图片文件和css文件共同的
html/css相对路径引用/、../、../../、/..、/../..、同级、下级、标准写法
NEET007的博客
07-21 2万+
/ 、../、../../ 、/.. 、/../.. 、标准写法、同级、下级
CSS、JS中的相对路径引用
weixin_30329623的博客
03-06 668
　　初学者由于对一些比较基本的知识的把握不是很牢，所以在开发或者设计的时候，往往很容易出现一些错误或者异常现象而找不到出错的根源。记得自己刚刚java入门的时候，会出现一些很“离奇”的现象，然后一遍一遍查看自己的代码，一步一步的进行调试（当然那个时候的调试方式也只是从初学这的角度上而言的，大多是比较粗略的手段），还是发现不了哪里出了问题，这直接打击学习的积极性。甚至有时候，照着书本或者教...
html/css 相对路径引用写法
HuangsTing的博客
04-10 1426
/ 代表根目录，慎用 …/ 代表上一级目录 …/…/ 代表上两级目录 /… 代表下级目录 /…/… 代表下两级目录 标准写法： 同级 直接引用文件名 <link rel="stylesheet" type="text/css" href="theme0.css" /> 下级 同级目录/下级目录/文件名 <link rel="stylesheet" type="text/css"...
css里面图片路径问题
Java in my life
08-16 5658
/**   在CSS文件里，有时要用到background，即加一个背景图片，一般在做按钮样式时会经常用到。   css中加背景图片根据图片及css文件的相对位置分一下几种类型：   1.同包下：background : url(aaa.gif);   2.不同包：       在这种情况下有2中方法可以设置，一种是使用绝对路径，即http://www.iteye.com/aaa.gif
css 图片相对路径
01-14
在CSS中，可以使用相对路径来引用图片。相对路径是相对于当前CSS文件的路径来定位图片的位置。 以下是一个使用相对路径引用图片的示例： ```css .background { background-image: url("../images/background.jpg"); } ``` 在上面的示例中，`../images/background.jpg`是相对于当前CSS文件的路径，它指向一个名为`background.jpg`的图片文件，该文件位于CSS文件的上一级目录下的`images`文件夹中。 使用相对路径的好处是，当你将整个项目移动到不同的位置时，图片的路径仍然有效，因为它是相对于CSS文件的位置来确定的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值