img 和 background-image 的区别

119 阅读1分钟
  1. img是html里面的一个标签;background-image是CSS中的一个属性,用于为元素设置背景图片。
  2. 加载顺序不一样。  img标签作为html标签,使用src引入图片,别的资源会被中断加载;而CSS引用使用href引入,可以与别的资源并行加载。所以img标签会比background-image优先加载。
  3. 一般来说,作为修饰的不进行操作的图片选择使用background-image,而比较重要的与网页内容相关的就使用img标签。
  4. img的src属性可以接受包含空格的url路径,background-image不可以。
<img src="/test.png" alt="这是一张图片">
// *****************************************************************
.box{ background-image:url("```"); } 
<div class="box"></div>