The difference between a CSS background image and an HTML insert image

1. The image written in the CSS is in the form of a background image, and the HTML is inserted in the HTML of the different tags of the IMG, in the process of Web page loading, the image of the CSS background image will wait until the structure loading complete (after the content of the page is displayed) to start loading
2. Usually non-content of the picture is written in the CSS, if the content of the picture is written in the HTML page design direction is the presentation layer and Content layer separation, CSS tube performance, that is, the display effect, HTML tube structure, content structure division, so the code to be concise and easy to maintain some.
3. Browser reading page, CSS background and IMG Images will be downloaded to the local cache folder, CSS background and IMG Images can be reused in the Web page.
4. Picture as the background, when the picture is not loaded or failed to load, there will not be a picture of the placeholder tag, will not appear red fork.

The difference between a CSS background image and an HTML insert image