速求大神帮忙

Question

  a{display: inline-block;text-decoration: none;} div{width:85px;margin: 0 auto;}        *{margin: 0;padding: 0;}   .first{font-size: 14px;border:1px dashed green;}        .second{font-size: 12px;border:1px dashed black;}                .aa{border:1px dashed red;font-size:8px;}        .bb{border:1px dashed blue;font-size:19px;}<div class="record">    <a href="" class="first"">这是段落</a>    <a href="" class="second">这是段落</a>    <a href="" class="first">这是段落</a>    <a href="" class="second">这是段落</a> </div> <div>   <a class="aa" href="">这是段落</a>   <a class="bb" href="">这是段落</a>   <a class="aa" href="">这是段落</a>   <a class="bb" href="">这是段落</a>   <a class="aa" href="">这是段落</a>   <a class="bb" href="">这是段落</a> </div>1为什么行行间（都加了边框也就是说框间）  有的有距离 有的没有 ; 2 *{margin:0},为社么两个DIV之间还是有距离呢？