1.如何将多个元素设置为同一行？清除浮动有几种方式？

将多个元素设置同一行的方法可以是float浮动和inline-block;

清除浮动的方法有3种，

方法1，添加新的元素应用clear:both。

方法2，父级盒子定义overflow:hidden;

方法3，利用伪类元素:after和:before在元素内部插入两个元素块

.clear {
    zoom: 1;
    overflow:hidden;
}

.clear:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

2.图片间隙，在DIV内插入图片，图片会将DIV下方撑大4px，如何解决？

方法1,将图片设置为display:block;

方法2,将<div>和<img>写在同一行

3.同样<dl>和<li>内插入的<img>也有图片间隙问题，如何解决？

方法,将图片设置为display:block;

4.统一鼠标指针为手型？

方法，cursor:pointer；

5.inline-block布局下各元素之间会出现间隙，如何解决？

方法1，将元素标签连续写在一行不换行，或者去掉标签闭合

方法2，在父容器上设置font-size:0;