HTML页面顶部出现空白的解决办法

首先我们按F12打开浏览器的开发者工具(不同浏览器打开方式不一样)，选择body元素，会发现body有margin：8px的外边距,需要我们重写默认样式.

 

解决办法: bdoy { margin:0; }

 

其实很多html标签都有默认的的样式,包括外边距（margin）或者内边距（padding），需要我们重写这些默认样式。可以再CSS样式表中添加 *{margin：0；padding：0},这样所有元素都清除了内边距和外边距.这样就可以实现编写CSS样式规则的时候我们自己指定,而不是用浏览器默认的样式规则.

 

HTML元素默认样式:

1.body　　margin:8px;

2.ul　　     padding:40px;

3.p　　　　margin:16px;