1-直接上img标签即可
img标签是一个标签，不设置宽高默认会以原尺寸显示
1-1没有宽高的图片显示的是图片本身的宽高，
下图是代码和浏览器显示：
1-2 给img添加了宽高后，调整后是改变的是图片的显示；
下图是代码和浏览器显示：
2-div标签+背景图片
需要设置div的宽高，因为背景图片只是装饰的css样式，不能撑开div标签。
下图是代码和浏览器显示：
2-1 是有高宽的盒子显示
2-2 是没有宽高的盒子
下图是代码和浏览器显示：
当没有宽高数据时，盒子就没有被撑开，所以没有显示。
3-按照重要程度区别
3-1理解img和background的本质不同
img叫做 插入图；
background又叫做 背景图；
3-2 使用的方式
img在工作用作比较重要的图片，比如：宣传图，首图，海报图，产品图必须是img；
背景图片，修饰图，装饰性，美化用的图片；
（仅为个人自学的一点点思考，如有错漏，欢迎留言指正）
1-直接上img标签即可 img标签是一个标签，不设置宽高默认会以原尺寸显示 1-1没有宽高的图片显示的是图片本身...
网站中的图片和网页在本质上是相同的，图片和网页的获取本质上都是根据URL从网站中获取网页/图片的字节数组(byte...
JavaScript和HTML、CSS的区别 HTML：提供网页的结构，提供网页中的内容 CSS: 用来美化网页 ...
结合JS解决webView加载图片时图片自动适配屏幕的问题 方法中适用网页和本地静态网页的加载。 1、修改图片的适...
1. JPG格式 后缀名为.jpg或者.jpeg。色彩丰富，过渡平滑，适用于照片类型。有压缩比，压缩比越高，图片质...
新的思考. CSS和JS在网页中的放置顺序 白屏和FOUC async和defer的作用和区别 网页的渲染机制 C...
新的思考. CSS和JS在网页中的放置顺序 白屏和FOUC async和defer的作用和区别 网页的渲染机制 C...
实现5个功能1 在屏幕中显示指定的网页2 控制屏幕中的网页3 在网页中加载显示PDF，Word，和JPEG图片4 ...
CSS和JS在网页中的放置顺序是怎样的？解释白屏和FOUCasync和defer的作用是什么？有什么区别简述网页的...
网页和网站的区别 网页:文本
本文标题：网页中图片的优先级和区别
本文链接：https://www.haomeiwen.com/subject/igsmxdtx.html
网友评论