css - 你能在 CSS 中找到图像吗?

标签 css

我刚刚开始学习 CSS。我喜欢学习的一种方法是从我欣赏的站点复制源代码,然后自己“重建”它以了解它是如何完成的。我没有使用该网站,也没有盗用它——我只是从中练习。例如,我会从样式表中获取各种 s,然后在我自己的页面中使用它,看看它是如何工作的,等等。有时我很难看到代码中的背景图形是如何工作的,所以我想真正得到背景图像,以查看该图像是什么(因为将背景颜色混合到图形等,这在 CSS 中有点难)。

无论如何,在“传统”HTML 网站中,您可以右键单击图像并将其保存到您的计算机。你能用 CSS 做到这一点吗?我可以获得 .css 样式文件(它们会在记事本等中弹出)——但是我可以获得图形吗?

ID 代码通常是这样的:

background:url("graphicfilename.jpg") no-repeat left top;

..但这并没有告诉我文件所在的目录。如果我问的是“禁忌”类型的问题,比如我想偷东西,或者其他什么,我不会问。我只是想学习。

我可以在 CSS 派生的网页中获取图形吗?

谢谢,

菲尔

最佳答案

在 css 中,背景图片的 url 是相对的,相对于 css 资源的位置。所以如果你有这个:

background: url('../images/some-image.png')

css url 是:

/css/my-style.css

那么图像将位于:

/images/some-image.png

顺便说一句:如果您正在剖析网页、css 等,请确保您有适当的加载项以使这一切变得容易得多。使用或获取 Firefox,并安装 Firebug 和 Web 开发工具栏。这些使得检查源 html 和 css 变得轻而易举。 Firebug 还会显示由 css 加载的图像的缩略图!

编辑:并且不必担心为了您自己的目的而检查或改编其他人的 html 或 css。这就是我们所有人学习的方式,我们都如何获得技术/代码解决方案的灵感,或者只是在我们自己的网站上获得关于特性和功能的想法。它就在那里,所以请使用它。

关于css - 你能在 CSS 中找到图像吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2290895/

相关文章:

html - 一个类中的多个 div :

javascript - CSS或jQuery悬停效果增加固定框显示绝对位置放大版

jquery - CSS、jQuery 和 Navigation Control——需要一个小的调整

css - Sass后台速记语法做多后台

jquery - 标题部分视差滚动效果 jQuery 和垂直中心边距

html - 在较小的屏幕上交换 <nav> 和 <section> 的位置

javascript - 如何向此 jQuery mp3 播放器添加额外的后退 30 秒按钮?

css - 如何在 TinyMCE 中制作带有 float 按钮的流畅工具栏?

css - 从背景中剪下的透明文本

html - 我想实现从 nowrap 到 normal 的平滑过渡