css背景图与html插入img的区别
浏览数：36 /
时间：2015年06月09日
1.写在css里面的图片是以背景图形式存在的，而写在html里的是以
标签形式存在的，在网页加载的过程中，以css背景图存在的图片会等到结构加载完成（网页的内容全部显示以后）才开始加载，而html中的
标签是网页结构（内容）的一部分会在加载结构的过程中加载。 换句话讲，网页会先加载
标签的内容，再加载背景图片，如果你用
引入了一个很大的图片，那么在这个图片下载完成之前，
之后的内容都不会显示。而如果用css来引入同样的图片，网页结构和内容加载完成之后，才开始加载背景图片，不会影响你浏览网页内容。
2.通常是非内容的图片就写在css里面，如果是内容性的图片就写在html里面，
打个比方，你要做一个有漂亮边框的相册。那么修饰边框的图片就写在css里面，相框里面的内容照片就写在html里面。
网页设计方向是表现层和内容层分离，css管表现，也就是显示效果，html管结构，内容结构的划分，这样代码要简洁易维护一些。
3.浏览器读取页面，css背景图和img图片都会下载到本地缓存文件夹。至于缓存多久，每个缓存文件有个标记的，浏览器会判断要不要向服务器重新发请求获取资源。至于这个标记是怎么样的，要看服务器上是怎么设置的。所以，css背景图和img图片在网页中都可以重复使用。
4.图片做为背景，在图片没加载的时候或者加载失败的时候，不会有个图片的占位标记，不会出现红叉。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
