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;


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM