审查元素怎么用,一招让你从此高大上
注册头条帐号很久了,一直没有发文,因为我在想如何比较浅显的给大家送干货,而不是“一脸懵逼的进来,又一脸懵逼的出去”。今天作为从事互联网的我给大家先来一盘“小干货”-巧用浏览器的审查元素功能。
我们知道在生活或者工作中,偶尔会去一些网站上保存一些图片去使用,我们众所周知很多网站上的图片是可以直接右单击“另存为”的,但是细心的朋友会发现有一些图片,右单击的时候却没有“图片另存为”这个选项,那么这究竟是什么原因呢?为了让大家更好的理解,我来给大家普及一点点的html代码的知识吧。
在网站设计之初,我们的网站前台设计人员在设计好网站的框架后,是需要各种素材(比如图片,视频,音频等)来进行填充的,那么填充图片的代码就是<img href="aaa.jpg" /> 其实这里的aaa.jpg就是一张名叫aaa的jpg格式的图片,这种情况下,网页显示出来的效果是可以右单击另存为的,比如下图
但是,有一些图为什么右单击却没有图片另存为呢?可是明明就是有图片啊,其实这也和网站设计的初衷有关系,因为在网页上,图片是作为一个元素存在并且占用了框架的空间的,但是经常有一些情况下,图片是要作为一种背景存在的,因为图片的上面是可能会要有文字或者其它元素在的,那么我们就不能用<img href="aaa.jpg" />来操作了,这时候就要用到css样式了。在css样式中表示背景图的基本语法是 backgroud:url(aaa.jpg) 那么这样其实我们右单击的时候就不会出现,图片另存为了,那么我们很喜欢这张图,应该怎么保存呢?
那么下面,我们就要出动“杀手锏”了,----《审查元素》这个是360浏览器里的名称,在谷歌等浏览器是“检查”字样,在我们需要保存的图片身上右单击选择 审查元素,后,出现“高大上”的代码
这时候,我们其实在右侧的styles里,已经看到了前文说的background了,这就是背景图片,我们只需要在这个背景图的url上,右单击,选择在新窗口中打开
然后,打开的新窗口,就是这张独立的图片,此刻再右单击,图片另存为就可以了
怎么样?是不是很简单?这里主要讲到了没有出现“图片另存为”的图片的保存方法,其实我们也可以用同样的方法去保存flash动画,mp3音乐,等我们不能右键保存的内容,另外也带大家了解了图片的两种展现方式,一种是直接占位的<img src="abc.jpg" /> 一种是背景图background:url(abc.jpg)【注意:写法有几种,常用的还有background-image:url(abc.jpg)】。
希望大家多多支持,内容主要针对的是广大不是太懂这些互联网知识的朋友,高手勿喷,只希望通过这些浅显易懂的内容,能慢慢的提高大家的基本技能,以便在工作、学习、生活中起到一定的锦上添花的作用,希望大家多多关注,后续会以同样的方式多多的为大家准备“全民干货”哦。