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
水平垂直居中