有的图片插入写在css里面,有的图片插入写在css里面,1.二者有何区别? 2.什么图片插入在css,什么图片插入在html里面?

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

Q2.什么图片插入在css,什么图片插入在html里面?
A2.如果是装饰性的图片就写在css里面,如果是内容性的图片就写在html里面,
打个比方,你要做一个有漂亮边框的相册。那么修饰边框的图片就写在css里面,相框里面的内容照片就写在html里面。
Q3.不知道怎样问了,扩展点说就更好。
A3.以后的网页设计方向是表现层和内容层分离,css管表现,也就是显示效果,html管结构,内容结构的划分,这样代码要简洁易维护一些。关于其他回答中的“像<img />这种属于表现层的东西都会被丢弃的”这种说法是不正确的,内容中的图片还是要使用<img>图标而不是css背景来引入。而“css图片可以复用,<img>图片不能复用”这种说法也不正确,网页加载过程中相同的图片会下载一次并保存在缓存里面,其他地方的<img>使用了同样的图片是不会再去下载的。<img>图片也可以复用。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值