論：img和background-image的各類區別

    background-image是背景圖片，是css的一個樣式

    <img />是一個塊狀元素，它是一個圖片，是html的一個標籤

    background-image是隻能看的

     <img />是一個document對象，它是能夠操做的。好比更換img src的路徑能夠達到更換圖片的目的，也能夠移動它的位置，從document中移除等等操做

    background是CSS3的樣式

    img 是HTML的標籤，二者之間存在本質的區別

    background-image存在於大的background中，其屬性設置多種多樣，變換較爲豐富

    img 上能寫字，能增長其他想增長的元素

    通常來講，若是是裝飾性的圖片就使用background-img，若是和文體內容很相關就使用img

    在網頁加載的過程當中，以css背景圖存在的圖片background-image會等到結構加載完成（網頁的內容所有顯示之後）纔開始加載，而html中的標籤img是網頁結構（內容）的一部分會在加載結構的過程當中加載，換句話講，網頁會先加載標籤img的內容，再加載背景圖片background-image，若是你用引入了一個很大的圖片，那麼在這個圖片下載完成以前，img後的內容都不會顯示。而若是用css來引入一樣的圖片，網頁結構和內容加載完成以後，纔開始加載背景圖片，不會影響你瀏覽網頁內容。