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

时间:2022-11-14 20:30:13

首先我们按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;