前端基礎---瀏覽器預設樣式
阿新 • • 發佈:2021-06-30
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>瀏覽器預設樣式</title> <style type="text/css"> .box{ width: 100px; height: 100px; background-color: red; } p{ background-color: yellow; } /* 瀏覽器為了在頁面中沒有樣式時,也可以有一個較好的顯示效果 所以為很多元素都設定了一些預設的margin和padding 而他的這些預設樣式,正常情況下我們是不需要使用的. 所以我們往往在編寫樣式之前需要將瀏覽器中的預設的margin和padding統統的去掉*/ /* 清除瀏覽器預設樣式 */ *{ margin: 0; padding: 0; } </style> </head> <body> <div class="box"> </div> <p>這是p標籤</p> <p>這是p標籤</p> <p>這是p標籤</p> </body> </html>