html页面多出一部分空白的怎么消除？

html页面出现空白的原因很多。下面举一个空白的例子：

例子：

图一：现在所示的是有边距的情况。

图二：在head标签中加入“<style>       body,p{margin: 0}  </style>”后的情况

总结：html标签很多都有默认元素，需要一开始就重写这些元素的外边距或者内边距；例如：*{margin：0；padding：0}

    <style>

        table{

            border-collapse: collapse

        }

       td{

           width: 40px//控制td的宽度

           border: 1px solid #ddd

           border-collapse: collapse

       }

    </style>

    <div class="table-box">

    </div>

    <table >

        <tr>

            <td></td>

            <td>字体</td>

        </tr>

    </table>

</div>