1. 写在 CSS 里面的图片是以背景图形式存在的, 而写在 html 里的是以 html 插入 img 的区别标签形式存在的, 在网页加载的过程中, 以 css 背景图存在的图片会等到结构加载完成 (网页的内容全部显示以后) 才开始加载
2. 通常是非内容的图片就写在 css 里面, 如果是内容性的图片就写在 html 里面网页设计方向是表现层和内容层分离, css 管表现, 也就是显示效果, html 管结构, 内容结构的划分, 这样代码要简洁易维护一些.
3. 浏览器读取页面, css 背景图和 img 图片都会下载到本地缓存文件夹, css 背景图和 img 图片在网页中都可以重复使用.
4. 图片做为背景, 在图片没加载的时候或者加载失败的时候, 不会有个图片的占位标记, 不会出现红叉.
来源: http://www.bubuko.com/infodetail-2629478.html