2、只有全透明和不透明两种模式

3、只有256种颜色

jpg

1、给与有损压缩算法

2、体积较小

3、不撑持透明

4、不撑持动画

png

1、给与无损压缩算法

2、体积较小

3、撑持配景透明

4、不撑持动画

5、2020-1-9 目前使用最多

svg

1、不会掉真

2、记录颜色和形状，不适合记录照片。适用于图标

HTML中的图片

首先导入图片是默认平铺的

默认div构造是纵向摆列的，如何设置横向摆列呢？设置浮动float

但是使用浮动，之后的元素依然会填充到本来浮动的元素下方，所以要给浮动的元素设置一个统一的父元素，但是设置统一的父元素又会呈现父级塌陷的问题，，所以要解决父级塌陷

父级塌陷的要领

1、设置父级的行高和之前的浮动元素一致

2、父类设置 overflow:auto

3、clear ：left/right/both 断根浮动

浮动元素的重叠问题（浮动元素插入时只考虑他的上一个元素）

1、浮动元素不会笼罩文字

2、不会笼罩图片， 图片为特殊的文字内容

3、浮动元素不会笼罩表单内容

HTML日记 第三篇 关于图片的冷常识(附带一些浮动的根本常识)