html页面顶部有空白怎么去除

做页面的时候，经常会发现一些无意的bug，例如html页面顶部无端端出现空白，对于新手来说，可能有点“不知其然”，下面小编简单介绍下如何去除html顶部空白~

发现问题

1、首先我们新建一个html文件，输入代码<p style="font-size: 45px;">我应该贴着页面顶部~~</p>，如图所示；

2、用浏览器浏览页面，会发现文字并没有贴着顶部页面顶部，这是怎么回事呢？

解决问题

1、首先我们按f12打开浏览器的开发者工具，选择body元素，会发现body有margin：8px的外边距；

2、再选择p元素，会发现p元素的外边距出现margin：45px，如图所示；

3、奇怪了吧，这是怎么来的呢？其实很多html标签都有默认的外边距（margin）或者内边距（padding），需要我们重写这些默认样式。因此我们要在页面加上<style type="text/css"> body,p{margin: 0;} </style>

4、再回来浏览器查看，body里面和p元素margin都为0了~