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