css知识总结

float浮动
造成标签“浮动”，影响“文档流”的空间
float:left;“左浮动”
float:right;”右浮动”
有bug加overflow hidden
对span元素添加一个float:left，span元素已经“块”化

border-radius圆角
vertical-align: middle居中适用于图片
jpg像素图，色彩表现丰富
常用来做产品图banner
png支持透明  图标banner
gif支持透明 支持动图  图标
webp支持有损压缩与无损压缩 支持压缩 
同质量的图片webp格式化比jpg格式体积更小

图片定位
position relative相对定位
（相对于自己原来的位置）
position static默认值
position fixed固定定位
position：sticky粘性定位
（始终相对于浏览器定位）
position absolute绝对定位1.（包含框有定位，相对有定位的离自己最近的包含框定位）
                                       2.（包含框无定位，相对浏览器定位）
left：0
right：0
top：0
bottom：0
margin：auto
水平垂直居中