小强老师提到面试可能会问的问题 总结

1.    为什么要用浮动

2.    为什么要清除浮动

3. after伪元素清除浮动的写法

4. 为什么下图图片与边框有一个距离，如何解决

答4：

          ① 默认图片与文字基线对齐

         （ 图片或者表单等行内块元素，他的底线会和父级盒子的基线对齐。这样会造成图片底侧会有一个 空白缝隙。） <! --  important  -- > 

          ② 解决办法：

           1. 给img vertical-align:middle | top等等。  让图片不要和基线对齐。

           2. 给img 添加 display：block; 转换为块级元素就不会存在问题了。（不太提倡这种方法，因为页面当中图片很多，使用过后可能会影响下面的布局）

5. CSS精灵技术（sprite）的目的，本质

目的：减少服务器的访问次数

本质：把多个背景小图片放在一张大图上面去。（CSS精灵技术是一种处理网页背景的方式）