CSS 背景图与 html 插入 img 的区别是什么? 下面本篇文章就来给大家介绍一下 CSS 背景图与 HTML 插入 img 的区别. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
CSS 背景图与 HTML 插入 img 的区别
1,CSS 中的图片以背景图形式存在, 写在 HTML 中的图片以标签形式存在. 而在网页加载过程中, 以 CSS 背景存在的图片会等到 HTML 结构加载完成才开始加载, 而 HTML 中的 img 标签是网页结构 (内容) 的一部分会在加载结构的过程中加载.
附: 在一个单纯由 HTML 和 CSS 组成的页面中, 背景图片总是最后加载的, 那么假若我们想要使用较小的背景图片作为占位符, 用于在加载较大的图片或者 Flash 文件时给用户以提示, 大部分时候恐怕是达不到效果的, 因为背景图片有时甚至会在大图片或 Flash 文件加载完成之后才会被加载.
2, 通常非内容的图片 (即用来修饰页面的元素) 就写在 CSS 里, 如果是内容性的图片就写在 HTML 中. 比如, 你要做一个漂亮相框的相册, 那么修饰边框的图片就写在 CSS 里, 相框里的内容照片就写在 HTML 中.
3, 图片作为背景, 在图片没有加载或者加载失败时, 不会有个图片的占位标记, 不会出现红叉.
更多 CSS 相关知识, 可访问 CSS 教程 https://www.html.cn/css/ !!
来源: http://www.css88.com/qa/css3/14650.html