美文网首页
css背景图与html插入img的区别

css背景图与html插入img的区别

作者: 楚乔666 | 来源:发表于2017-07-17 10:35 被阅读0次

1.写在css里面的图片是以背景图形式存在的,而写在html里的img是以标签形式存在的,在网页加载的过程中,以css背景图存在的图片会等到结构加载完成(网页的内容全部显示以后)才开始加载,而html里的img标签是网页结构(内容)的一部分会在加载结构的过程中加载。

2.通常是非内容的图片就写在css里面(用来修饰页面的元素),如果是内容性的图片就写在html里面,

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

3.图片做为背景,在图片没加载的时候或者加载失败的时候,不会有个图片的占位标记,不会出现红叉。

.box1{width:100px;height:100px;background-image:url("images/bg.jpg");background-position:-422px -190px;}.box1{width:100px;height:100px;background-image:url("images/bg.jpg");background-position:-422px -190px;}

相关文章

  • css背景图与html插入img的区别

    1.写在css里面的图片是以背景图形式存在的,而写在html里的img是以标签形式存在的,在网页加载的过程中,以c...

  • css背景图与html插入img的区别

    1.写在css里面的图片是以背景图形式存在的,而写在html里的是以标签形式存在的,在网页加载的过程中,以css背...

  • 如何在HTML上插入图片

    在HTML中插入图片的方法有:直接在html代码上插入、在CSS样式中插入、在JavaScript中通过给img设...

  • 2018-03-30

    CSS入门(2) CSS布局与定位 大背景图开发者工具>Network>漏斗>img>保存到resume中的img...

  • web前端 -- Day7基础知识

    img插入图片和背景图片的区别 背景图片只是装饰作用,因此相当于不存在,而img是存在的内容.两者的优缺点:1、背...

  • CSS背景

    CSS背景(background) 目标 理解背景的语法和作用CSS背景图片和插入图片的区别 应用通过CSS背景属...

  • 更换单选与多选样式

    HTML: JQ: CSS: 单选与多选img: 单选: 多选:

  • 7 HTML中img标签的图片资源处理

    HTML中img标签的图片资源处理 url-loader处理了css中背景图片的引用的问题;html中直接使用im...

  • 返回顶部特效 click(), scroll();

    html css jq img 最终效果

  • 网页作业1(编程题)

    2017.01.15 插入背景图片代码 我只用了其中一种方法 在 之间链接css样式表 在html中 在css样...

网友评论

      本文标题:css背景图与html插入img的区别

      本文链接:https://www.haomeiwen.com/subject/cwdfkxtx.html