【css】html文件与图片的相对位置，导致不同引用代码

最新推荐文章于 2023-09-26 19:04:47 发布
最新推荐文章于 2023-09-26 19:04:47 发布
阅读量1.8k 收藏 1
点赞数
分类专栏： 知识点
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/KarmaDeng/article/details/73290405
版权

【属科普级别】

从根目录的html ，例如主页，到图片

电脑查找轨迹如图，从根目录出发，层层进入直到图片

正确代码写法：






从其他子目录的html ，到图片

电脑查找轨迹如图，先返回根目录，再从根目录出发，层层进入直到图片（多了返回根目录）




正确代码写法：（多了   ../  ）






KarmaDeng
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
几种常用的相对位置编码
YW_Vine的博客
11-02 2840
绝对位置编码 绝对位置编码一般形式的带绝对位置编码的Attention形式如下： {qi=(xi+pi)WQki=(xi+ki)WKvi=(xi+vi)WVai,j=softmax(qikjT)oi=∑jai,jvj \left\{ \begin{aligned} q_i & = &(x_i+p_i)W_Q \\ k_i & = & (x_i+k_i)W_K\\ v_i & = & (x_i+v_i)W_V\\ a_{i,j} & = & so
HTML基础-05-图片（引用图片src=“图片地址“、图片位置 align=“位置“、浮动图片 style=“float:位置“、图片链接 href=“目标url“、图形映射）
运维玄德公
03-16 2387
1. 引用图片（src="图片地址"） 语法示例 完整示例 2. 图片的位置（align="位置"） 语法示例 完整示例 3. 浮动图片（style="float:xxx"） 语法示例 完整示例 4. 图片的链接（href="目标url"） 语法示例 完整示例 5. 创建图形映射 语法示例 完整示例...
CSS相对定位与绝对定位的个人理解
凌晨三点
06-04 105
绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。2. 参照物：先找最近的已经定位的祖先元素；如果所有祖先元素都没有定位，参照浏览器可视区改位置。3. 显示模式特点改变：宽高生效（具备了行内块的特点）1. 改变位置的参照物是 自己原来的位置。是以该元素本来应出现的位置为起点进行定位。3. 标签显示模式特点 不变。
HTML-day31
weixin_43369815的博客
02-24 157
Day31 HTML 1. 开发工具 1.1 编辑器 Dw : 控件拖动 webStorm : 有收费版 Vscode : 快速,有好的插件,加快开发 Sublime : 简洁 1.2 浏览器 火狐 : Gecko 谷歌 : webkit IE : Trident 2. 浏览器内核 浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引渲染引擎擎。 2.1 渲染引擎 它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 C
HTML05：图片路径详解
m0_62820255的博客
04-20 2183
p2831307612.jpg和html文件在同一路径，调用如line10。图片在与html文件同级的文件夹images内，构成子级关系。html文件与p2831307612.jpg是父级关系。若图片在html文件父级的父级。
asp.net后台动态添加JS文件和css文件的引用实现方法
10-25
动态添加JavaScript文件引用的步骤与添加CSS文件类似，不同之处在于： 1. 同样创建HtmlGenericControl对象，但TagName为"script"。 2. 设置type属性为"text/javascript"，指明这是JavaScript文件。 3. src属性指定...
Javascript动态引用CSS文件的2种方法介绍
10-25
Javascript由于其强大的动态操作能力，可以非常方便地对页面的样式进行控制，本文主要介绍两种通过Javascript动态引用CSS文件的方法。 首先，一种常见的方法是在HTML的标签内使用标签来引入外部的CSS文件。这种方法...
引用css文件失效解决方法
09-25
如果CSS文件与HTML文件不在同一目录下，需要提供正确的相对或绝对路径。例如，如果CSS在子目录中，路径应写为`<link rel="stylesheet" href="css/mystyle.css">`。 2. **HTML引用问题**：检查`<link>`标签的写法。...
HTML的a标签href属性指定相对路径与绝对路径的用法讲解
12-14
在实际Web开发中，插入图片、包含CSS文件等都需要有路径，如果文件路径的添加错误，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。很多初学者感到困惑，下面我就详细的介绍一下相对路径与绝对路径。...
下载css文件中包含的图片
05-10
在IT行业中，我们经常需要处理各种资源文件，其中包括CSS（层叠样式表）文件中的图片。CSS文件用于定义网页的布局和样式，其中可能嵌入或链接到许多图片以实现丰富的视觉效果。当需要离线使用这些资源或者进行批量...
html语言设置图片位置,HTML中如何设置图片位置
weixin_42367221的博客
05-30 5933
Html设置图片位置的方法：首先给图片元素添加“position:absolute;”样式，设置图片绝对定位；然后使用left属性设置定位元素左外边距边界与其包含块左边界之间的偏移量；最后使用top属性设置定位元素的顶部偏移量即可。本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。Html设置图片位置图片默认位置：使用下面代码，设置图片位置后/*设...
Html把图片居中显示（附怎么更改图片显示）
最新发布
qq_64867440的博客
09-26 2万+
我的图像如下：我运行出来的图片如下图：html中输入： 我的代码如下： 方法2：使用margin属性 html 我的代码
CSS之固定定位、相对定位、绝对定位
python全栈
01-16 4946
相对定位 相对元素自身所在的原来的位置进行定位。 可以设置 left,right,top,bottom四个属性 效果：在进行相对定位以后，元素原来所在的位置被保留了，被占用了–》保留站位其他元素的位置不会发生移动 一般情况下，left和right不会同时使用 ,选择一个方向即可.top和bottom不会同时使用,选择一个方向即可 优先级：左上>右下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"&
html给图片绝对定位,html相对定位和绝对定位
weixin_42509398的博客
06-07 3056
相对定位：该元素相对于本身原有位置，偏移必定距离。相对的是本身。css绝对定位：该元素相对于其父元素，偏移必定距离。相对的是父元素，重点是这个父元素也须要是设置了position属性。从最近的父元素开始找，直到找到body位置为止。3d1)相对定位code相对定位：相对于本身原来的位置，偏移一些距离相对定位,相对的是本身对应的css样式：blog#test{height: 300px;width:...
如何将插入的图片在HTML页面指定相对位置
qq_27361945的博客
08-06 1万+
<div style="text-align: right;font-size: 26px;background:url('../o2_core/o2/xDesktop/jlrc_bgimg/meng_banner.png') no-repeat center;width:100%; height:770px;"> <ul style="top:270px;position:relative;margin:0 auto;width:1010px;height:55px;list-style
相对位置编码，绝对位置编码代码pytorch实现
qq_43733107的博客
09-29 4275
相对位置编码代码
html学习知识总结
houhou_qi的博客
10-12 967
html笔记
HTML中怎么设置图片的位置和大小
热门推荐
weixin_34310785的博客
01-28 2万+
其他的也不多废话了直接上代码： <html> <head> <style type="text/css"> <! 设置图片的属性> img{ position:absolute; <! 绝对位移> left:300px; top:150px;<! wid...
传统HTML与CSS：缺点与改进方法
CSS的引入有多种方式，包括行内样式（将样式写在HTML元素的`style`属性中）、内部样式（将样式放在`<style>`标签内，位于`<head>`部分）和外部样式（将样式定义在单独的`.css`文件中，然后在HTML中引用）。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值