5月4号工作

今天的工作

1、img 图片 和 url 背景图片差距

他们的区别

写在css里面的图片是以背景图形式存在的，而写在html里的是以<img>标签形式存在的，
在网页加载的过程中，以css背景图存在的图片会等到结构加载完成（网页的内容全部显示以后）才开始加载，而html中的<img>标签是网页结构（内容）的一部分会在加载结构的过程中加载，换句话讲，网页会先加载<img>标签的内容，再加载背景图片，如果你用<img>引入了一个很大的图片，那么在这个图片下载完成之前，<img>之后的内容都不会显示。而如果用css来引入同样的图片，网页结构和内容加载完成之后，才开始加载背景图片，不会影响你浏览网页内容。

这是我个人的理解就是用img的话在完全下载完img的情况下页面是出现不了的 要是用 url背景图片的话 那页面就可以先下载完 出现在用户的眼前那么在去下载背景图片这样不会影响用户的主要需求

什么图片插入在css，什么图片插入在html里面

如果是装饰性的图片就写在css里面，如果是内容性的图片就写在html里面，你要做一个有漂亮边框的相册。那么修饰边框的图片就写在css里面，相框里面的内容照片就写在html里面。

我个人理解就是在一些用不到 不需要更改 只是放那里看的图片可以放到背景图里，那要是有事件 要效果等等和用户有互动的图片 就放在img里面

css可以在特定位置插入一些图片。html页面引用css时候是连带引用的不用重新指向。任何html页面都可以引用这个css并指向这些图片。但是在html那里设置的图片就不一样了，只能在当前html中使用。其他html页面是不能够引用的。css就起到了一个类似复用的效果。建议普通图片还是在html中引用。css就只使用复用性高的图片。