查漏补缺

浮动原理

1.使用之初：是为了让文字环绕图片，并且不会遮住文字。如果让图片与文字有间距，我们在浮动元素上添加。
2.clear：清除浮动。
3.浮动元素会脱离文档流。
4.浮动元素会有行内块元素的特点。

清除浮动

1.能够避免父元素塌陷。

content:'';
display:block;
clear:both;
};

2.清除浮动方法
display:flow-root;(缺点：兼容性差)

使用伪元素装饰

:after{
加上点元素;
}

图片对齐方式

因为图片周围会有空白
底部空白基线对齐
方式
virtical-align:middle;//居中对齐

使用状态表达交互行为

使用前段基础库实现交互

基础库