background-image是背景，是css的乙個樣式
background-image是只能看的
background是css3的樣式
img 是html的標籤，兩者之間存在本質的區別
background-image存在於大的background中，其屬性設定多種多樣，變換較為豐富
img 上能寫字，能增加其餘想增加的元素
一般來說，如果是裝飾性的就使用background-img，如果和文體內容很相關就使用img
在網頁載入的過程中，以css背景圖存在的background-image會等到結構載入完成（網頁的內容全部顯示以後）才開始載入，而html中的
標籤img是網頁結構（內容）的一部分會在載入結構的過程中載入，換句話講，網頁會先載入
標籤img的內容，再載入背景background-image，如果你用
後的內容都不會顯示。而如果用css來引入同樣的，網頁結構和內容載入完成之後，才開始載入背景，不會影響你瀏覽網頁內容。
div和img之間的縫隙問題
這次做的專案，客戶說，banner圖的上下之間不要留有空隙，仔細一看才發現，上下竟然都有空隙。審查元素，發現所有的div,img的padding和margin都是0，對於這個間隙究竟是如果產生的真的是找不到原因。網上查了一下，類似的問題還蠻多的。解決方法基本是四種 1.將img設定為block 這個...
img中alt和title屬性的區別
在影象標籤img中，除了常用的寬度width和高度height屬性之外，還有兩個比較重要並且也會用到的屬性，就是alt和title，這都是用來顯示內容的具體資訊的，但是這兩個屬性也有不同的地方。alt 用來給來提示的，title用來給鏈結文字或普通文字提示的。1 doctype html 2 htm...
img 標記的屬性
屬性 屬性值描述 srcurl 影象的路徑 alt文字 影象不能顯示時的替換文字 title 文字滑鼠懸停時顯示的內容 width 畫素設定影象的寬度 height 畫素設定影象的高度 border 數字設定影象邊框的寬度 vspace 畫素設定影象頂部和底部的空白 垂直邊距 hspace 畫素設定...