CSS之瀏覽器預設樣式設定

標籤：add   agent   styles   簡單   margin   user   div   標籤   瀏覽器   

今天自己寫css樣式時，其中用到了<ul>標籤，設定了一系列效果後運行，發現位置與設定有出入。chrome上開啟檢查項，發現<ul>標籤的styles底部多了以下一段：

 

ul, menu, dir {

display: block;

list-style-type: disc;

-webkit-margin-before: 1em;

-webkit-margin-after: 1em;

-webkit-margin-start: 0px;

-webkit-margin-end: 0px;

-webkit-padding-start: 40px;

} 旁邊顯示來源是：user agent stylesheet 檢查了html及css後，發現並無特別設定，html頭中也做了標準設定。百度了”user agent stylesheet“之後，發現是瀏覽器針對不同html元素，會有相應的css預設設定。解決的方法：1、比較簡單的一種方法：在css檔案開頭設定萬用字元樣式，比如*{margin:0px;padding:0px;}，覆蓋掉瀏覽器的預設設定；2、複雜一點的方法：瞭解通用的幾種瀏覽器的預設設定，再單獨寫一個css檔案，將需要修正的樣式都寫在裡面，以後做項目時可以共用。

CSS之瀏覽器預設樣式設定