zhangyucumt 2015-07-28 04:46 采纳率: 75%
浏览 2073
已采纳

编辑网页的时候图片是放在html文档里好呢,还是放在css里面好?

本人初学者,现在学到css了,对于图片的加载方式,有的在html的img标签里面,有的在css的background里面,这两种方式那种更好一些呢?

  • 写回答

5条回答 默认 最新

  • 暖枫无敌 博客专家认证 2015-07-28 05:37
    关注

    1、二者有何区别?

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

    2、什么图片插入在css,什么图片插入在html里面?

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

    3、扩展补充?

    以后的网页设计方向是表现层和内容层分离,css管表现,也就是显示效果,html管结构,内容结构的划分,这样代码要简洁易维护一些。关于其他回答中的“像这种属于表现层的东西都会被丢弃的”这种说法是不正确的,内容中的图片还是要使用图标而不是css背景来引入。而“css图片可以复用,图片不能复用”这种说法也不正确,网页加载过程中相同的图片会下载一次并保存在缓存里面,其他地方的使用了同样的图片是不会再去下载的。图片也可以复用。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题?

悬赏问题

  • ¥20 求一个html代码,有偿
  • ¥100 关于使用MATLAB中copularnd函数的问题
  • ¥20 在虚拟机的pycharm上
  • ¥15 jupyterthemes 设置完毕后没有效果
  • ¥15 matlab图像高斯低通滤波
  • ¥15 针对曲面部件的制孔路径规划,大家有什么思路吗
  • ¥15 钢筋实图交点识别,机器视觉代码
  • ¥15 如何在Linux系统中,但是在window系统上idea里面可以正常运行?(相关搜索:jar包)
  • ¥50 400g qsfp 光模块iphy方案
  • ¥15 两块ADC0804用proteus仿真时,出现异常