在平時寫代碼的時候,會遇到內容或者背景不能完全貼合到頁面邊框的情況,仔細找一下,會發現是瀏覽器給body設置了外邊距。
可以看到,瀏覽器bdoy自設了8px的外邊距,因此,在開始之前,應該先對頁面進行初始化設置。
body { margin: 0; padding: 0; }
這樣,就基本完成了初始化,可以自己根據需要設置內容邊距了
通常情況下,頁面布局中會用到無序列表和a鏈接,而無序列表ul中,默認存在的實心圓點我們都不需要,a鏈接中內容的下划線,也都沒有出現,所以,可以跟body放在一起,對新頁面進行初始化設置,去掉ul列表中的圓點和a標簽鏈接內容的下划線
可以做一個 reset.css ,應用HTML頁面中,先進行初始化,然后再根據自己的需要去設置邊距,不用再考慮瀏覽器自帶邊距,造成不必要的麻煩
body { margin: 0; padding: 0; } a { text-decoration: none; } ul { list-style-type: none; padding: 0; margin: 0; }