zoukankan      html  css  js  c++  java
  • css背景图与html插入img的区别

    1.写在css里面的图片是以背景图形式存在的,而写在html里的是以
    标签形式存在的,在网页加载的过程中,以css背景图存在的图片会等到结构加载完成(网页的内容全部显示以后)才开始加载,而html中的
    标签是网页结构(内容)的一部分会在加载结构的过程中加载。
    换句话讲,网页会先加载
    标签的内容,再加载背景图片,如果你用
    引入了一个很大的图片,那么在这个图片下载完成之前,
    之后的内容都不会显示。而如果用css来引入同样的图片,网页结构和内容加载完成之后,才开始加载背景图片,不会影响你浏览网页内容。
    
    2.通常是非内容的图片就写在css里面,如果是内容性的图片就写在html里面,
    打个比方,你要做一个有漂亮边框的相册。那么修饰边框的图片就写在css里面,相框里面的内容照片就写在html里面。
    网页设计方向是表现层和内容层分离,css管表现,也就是显示效果,html管结构,内容结构的划分,这样代码要简洁易维护一些。

    3.浏览器读取页面,css背景图和img图片都会下载到本地缓存文件夹。至于缓存多久,每个缓存文件有个标记的,浏览器会判断要不要向服务器重新发请求获取资源。至于这个标记是怎么样的,要看服务器上是怎么设置的。所以,css背景图和img图片在网页中都可以重复使用。
    4.图片做为背景,在图片没加载的时候或者加载失败的时候,不会有个图片的占位标记,不会出现红叉。


    新浪博友

  • 相关阅读:
    AUDIOqueue 为什么会播放一段时间就听不到声音
    逆序一位数数组求和
    求数组中两数之和等于target的两个数的下标
    iOS获取崩溃日志
    如何看iOS崩溃日志
    关于iOS刷新UI需要在主线程执行
    iOS内置麦克风选择方法
    贝叶斯深度学习-概述
    空间统计(Spatial Statistics)学习笔记(一)— 概述
    重采样技术—Bootstrap
  • 原文地址:https://www.cnblogs.com/jsoncode/p/3718462.html
Copyright © 2011-2022 走看看