html网页顶端无故出现空白的个人解决方案

和大家一样，我也是在做网页的时候，发现在某一次修改之后，突然就出现了顶格的空白。

实在是在网上找不到解决方案，于是只能使用浏览器自带的工具来检查。

之前有听说这个空白的出现原因与资源没有正确加载有很大的关系，于是打开源代码，在控制台检查了很久的错误：

结果当然是一无所获，而且改来改去还整出了一堆的新bug，遂回档到之前版本重新查错。

偶然了解到空白与CSS的设置有关，重新回去检查CSS，仍然是没有找到错误，实在没招了，突然想起来F12打开控制台之后可以用Ctrl+Shift+C来快速跳转html元素。

这一查，还真就查出来了，原来是h1元素的设置问题,那么我们直接修改CSS即可，

果然就是h1的设置问题，很 轻松 痛苦地解决了这个困扰自己好久的问题

其实不是什么特别深奥的问题，只能算是开发经验还是太少了，坑了我好久啊。。。

总而言之也是学会了以后要多用F12来检查视图了