1.寫在css里面的圖片是以背景圖形式存在的,而寫在html里的img是以標簽形式存在的,在網(wǎng)頁加載的過程中,以css背景圖存在的圖片會等到結(jié)構加載完成(網(wǎng)頁的內(nèi)容全部顯示以后)才開始加載,而html里的img標簽是網(wǎng)頁結(jié)構(內(nèi)容)的一部分會在加載結(jié)構的過程中加載。
2.通常是非內(nèi)容的圖片就寫在css里面(用來修飾頁面的元素),如果是內(nèi)容性的圖片就寫在html里面,
打個比方,你要做一個有漂亮邊框的相冊。那么修飾邊框的圖片就寫在css里面,相框里面的內(nèi)容照片就寫在html里面。
3.圖片做為背景,在圖片沒加載的時候或者加載失敗的時候,不會有個圖片的占位標記,不會出現(xiàn)紅叉。
.box1{width:100px;height:100px;background-image:url("images/bg.jpg");background-position:-422px -190px;}.box1{width:100px;height:100px;background-image:url("images/bg.jpg");background-position:-422px -190px;}