用CSS對HTML進行初始化設置


  在平時寫代碼的時候,會遇到內容或者背景不能完全貼合到頁面邊框的情況,仔細找一下,會發現是瀏覽器給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;
}

 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM