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