什么时候用背景图片什么时候直接插入？

Question

仿了一些网页做练习看别人源码有些图片是直接用选择器{background：url()};做出来的效果，而有的图片是用直接在行级元素内直接img引用

没搞清两者之间有什么区别

Answer 1

我个人一般是像一些小圆点，小三角型，图标，按钮， 渐变背景等，这些做出来就不会有改动的一类，做个合成图，然后用{background：url()}，很方便，加载速度又快。但如果是像banner海报，新闻的插图，人物头像，新闻配图，产品图片等，这些做出来后还是需要根据内容进行修改的图片，就用img引用，这样便于之后的修改，方便后台人员调试。这样的引用，img最好限制宽高以免图片溢出或太小。像专家介绍有人物的头像照片，后面放的照片不一定是你切的宽高，你总不能让管理员一个个切好放上去吧，那么就在CSS里面写好它的宽高。比如新闻的插图，你就要写最大宽度是多少，省的图大了溢出你文章页面的宽度。

Answer 2

都一样的 条条大路通罗马