下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

CSS中的图片保存方法

作者:课课家教育     来源: http://www.kokojia.com点击数:1025发布时间: 2016-10-25 14:14:29

标签: css基础css教程

Web开发

  “css中的图片”指的就是镶在CSS样式表中的图片。在我们用在浏览器保存网页时,很多时候,下载网页里的图片都下载不到,这样的话就会使网页非常不美观。所以,今天小编就给大家介绍集中保存方法。

  以下是几种保存方法。

  (一)使用网际快车下载软件

  在flashGet3.1下载软件中,有个“资源探测器”功能,能使我们实现CSS图片的探测以及下载保存。如下图示,在快车资源探测器打开后,在“文件”菜单下选择“选项”命令,再在“高级”选项栏中勾选“探测CSS中的图片”。

CSS中的图片保存方法_css基础_css教程_课课家

  然后在资源探测器页面的地址栏中输入要下载网页地址,单击右方“探测”按钮,即可搜索得到该网页的全部图片地址了,如下图示;再用快车软件下载就可以了。

用快车软件下载

  注意:快车资源探测器除了有CSS中图片的探测能力以外,还能实现网页中隐藏的音视频资源、软件下载资源等等地址,下载是无限制的。

  (二)网页下载后寻找

  在浏览器当中打开css图片所在网页,再查看网页源文件,找到css路径,把路径复制到浏览器当中,然后下载到本地计算机,如下图示:

网页下载后寻找

  然后,寻找此css文件的内嵌图片。可以直接打开css文件,一个一个查找图片地址然后下载下载,但是这种方法较费时。也可以使用css图片批量获取工具,如下图示,在“CSS文件”中导入刚下载的css文件,再单击右方的“查找”按钮;在显示出寻找到的图片地址后再全部选取,最后,单击“下载”按钮就完成了。

单击“下载”按钮就完成

  注意:在“CSS图片获取工具”的使用中要注意“文件基址”的填写,基址也是指添加的那个CSS文件所在网站首页的地址,要是写错就会下载不到文件;而“匹配模式”可以忽略,保持默认选择项就可以了。

  知识链接:CSS指的是层叠样式表,在主页制作的时侯采用CSS技术,能有效地对页面的布局、字体、颜色、背景以及其它效果实现精确的控制。CSS中的图片也是由这样的控制目的而生。想把对方网页中的图片直接拿过来用,但图片又基于CSS架构,这时就要想要怎么下载保存的问题,这时就可以用上面介绍的方法了。

  总结:当我们用浏览器的“另存为”功能保存网页时,是因为很多写在CSS样式表里面的图片都不能下载,就会导致下载的网页打开的时候就面目全非了,或者说是网页图片的一种加密形式吧。

赞(0)
踩(0)
分享到:
上一篇:渐变效果
华为认证网络工程师 HCIE直播课视频教程