第44章 训练猫咪一本就够了（第4页）

第二十七节相对路径_绝对路径

课前还讲了可以按crrl+shift+加号减号可放大或缩小来调整vscode编辑内的整体效果

一．相对路径：以当前位置作为参考点，去建立路径。

在同级的情况下导入图片的符号:.。

例如：引入【怪兽.jpg】：＜imgsrc="

.怪兽.jpg"

＞

在下一级的情况下导入图片的符号为：。

例如：引入【喜羊羊.jpg】：＜imgsrc="

.a喜羊羊.jpg"

＞

在上一级的情况下导入图片符号为：..。

例如：引入【奥特曼.jpg】：＜imgsrc="

..奥特曼.jpg"

＞。

注意点：相对路径中的.可以省略不写。

相对路径依赖的是当前位置，后期若调整了文件位置，那么文件中的路径也要修改。

二．绝对路径：以根位置作为参考点，去建立路径。

1.本地绝对路径：。

（很少使用）

2.网络绝对路径：。

第二十八九节常见的图片格式

主要介绍了各种图片的特点和使用场景，到后面就教大家如何将图片转化为base64编码。

在浏览器中搜索图片转base64进入菜鸟工具网站将图片拉入后在下方就显示编码，复制编码在编辑器中将编码粘贴运行代码页面就会显示图片。

上午学习到十点左右时狗腿开始发痛滚回床睡一个半小时后又起身坐回电脑前继续肝看着视频快下午一点时保温杯里的水快喝光了就走到隔壁房内看了看细大妹一眼，瞧见猫碗里头的水喝光了就把保温杯剩下的水倒进猫碗里给它喝就到楼下倒水。

到客厅时乌小弟一闻到我的味道立马就从房间里走出来，我问它‘乌弟现在和外公外婆怎么熟。

’乌弟走到我身边跳到沙发上，狼外婆用葵花点穴手指着它。

本章未完，点击下一页继续阅读