考试首页 | 考试用书 | 培训课程 | 模拟考场 | 考试论坛  
  当前位置:设计制作 > CSS/HTML > 文章内容
  

CSS教程:CSS中的几种图片保存方法

 [ 2017年6月14日 ] 【

  什么叫“CSS中的图片”? 简单的说就是镶在CSS样式表中的图片。当我们用浏览器的“另存为”功能保存网页时,由于很多写在CSS样式表里面的图片都下载不到,所以会导致下载的网页打开的时候就面目全非了;或者,我们可以更通俗的认为这也是网页图片的一种加密形式吧。

  那么,对于这样的图片保存,就没有好办法来解决了吗?NO!看看如下推荐的几种保存方法吧。

  方法1:使用网际快车下载软件

  最新版的网际快车FlashGet3.1下载软件,其中有个“资源探测器”功能,就可以帮助我们实现CSS图片的探测和下载保存。如图01所示,打开快车资源探测器后,从“文件”菜单下选择“选项”命令进入,然后在“高级”选项栏中勾选“探测CSS中的图片”。

Flashget

  图01 快车资源探测器设置

  接下来在资源探测器页面的地址栏中输入要下载网页地址,单击右方的“探测”按钮,稍等片刻即可搜索得到此网页中的所有图片地址了,如图02所示;然后再利用快车软件麻利的下载即可。

Flashget

  图02 探测图片并下载

  友情提示:除了具备CSS中图片的探测能力外,快车资源探测器还可一步实现网页中隐藏的音视频资源、软件下载资源等地址,真正实现下载无限制哦。

  方法2:网页下载后寻找

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

Flashget

  图03 下载网页css文件

  接下来要做的就是寻找此css文件中的内嵌图片了。有两种方法可以实现,一是直接打开此css文件,一个一个查找图片地址并下载,很明显这种方法比较费时。另一种办法就是使用css图片批量获取工具,如图4所示,在“CSS文件”中导入刚下载的css文件,然后单击右方的“查找”按钮;下方显示出寻找到的图片地址后再全部选取,最后单击“下载”按钮即可。

Flashget

  图04 查找并下载css中的图片

  友情提示:在上述介绍的“CSS图片获取工具”的使用中要注意“文件基址”一栏的填写,基址也就是添加的那个CSS文件所在网站首页的地址,如果写错可就下载不到文件了;“匹配模式”一项不用理会,保持默认选择项即可。

  知识链接:CSS就是层叠样式表,在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。CSS中的图片也正是基于这样的控制目的而生。当一些网页设计新手们要偷偷懒,想把对方网页中的一些图片直接拿过来为自己所用,但这些图片又是基于CSS架构时,就要考虑如何下载保存的问题了,当然也就可以使用本文介绍的方法了。

本文纠错】【告诉好友】【打印此文】【返回顶部
将考试网添加到收藏夹 | 每次上网自动访问考试网 | 复制本页地址,传给QQ/MSN上的好友 | 申请链接 | 意见留言 TOP
关于本站  网站声明  广告服务  联系方式  站内导航  考试论坛
Copyright © 2007-2013 中华考试网(Examw.com) All Rights Reserved