宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取

很多刚接触建站的朋友,在修改网站模板时,尤其是图片,最头痛就是找不到要修改的图片路径和CSS路径,这里给大家介绍个方法-审查元素

调试网站模板最方便的浏览器是谷歌,因为它的审查元素功能用着最顺手,推荐你使用谷歌浏览器,当然其它主流浏览器也是可以的,看你自己的个人喜好吧,个人比较喜欢用360浏览器。

下面我们就看看怎么操作吧!

1、我们打开要修改的网站,找到要查看路径的地方,鼠标放在要审查的地方,点击鼠标右键-审查元素。
2、点击CLASS名称,找到要审查的DIV。

新手必看:利用浏览器的审查元素功能找CSS和图片的路径教程-风君子博客

3、将鼠标指针放在CSS样式文件上,将会弹出该CSS文件的路径(这里我们就找到了CSS的路径)。

新手必看:利用浏览器的审查元素功能找CSS和图片的路径教程-风君子博客

4、找图片的路径,鼠标在图片样式上右键,新窗口打开。

新手必看:利用浏览器的审查元素功能找CSS和图片的路径教程-风君子博客

5、成功找到图片路径,域名/ 后面的就是图片路径了。

新手必看:利用浏览器的审查元素功能找CSS和图片的路径教程-风君子博客

审查元素功能非常方便,如果能熟练掌握,灵活运用,可以让你整理网站事半功倍!