今天自己寫css樣式，其中用到了<ul>標(biāo)簽，設(shè)置了一系列效果后運(yùn)行，
發(fā)現(xiàn)位置與設(shè)置有出入。chrome上打開檢查項(xiàng)，發(fā)現(xiàn)<ul>
標(biāo)簽的styles底部多了以下一段：
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;
}
旁邊顯示來(lái)源是：user agent stylesheet
檢查了html及css后，發(fā)現(xiàn)并無(wú)特別設(shè)置，html頭中也做了標(biāo)準(zhǔn)設(shè)定。
百度了”user agent stylesheet“之后，
發(fā)現(xiàn)是瀏覽器針對(duì)不同html元素，會(huì)有相應(yīng)的css默認(rèn)設(shè)置。
解決的方法：
1、比較簡(jiǎn)單的一種方法：在css文件開頭設(shè)置通配符樣式，比如*{margin:0px;
padding:0px;}，覆蓋掉瀏覽器的默認(rèn)設(shè)置；
2、復(fù)雜一點(diǎn)的方法：了解通用的幾種瀏覽器的默認(rèn)設(shè)置，再單獨(dú)寫一個(gè)css文件，
將需要修正的樣式都寫在里面，以后做項(xiàng)目時(shí)可以共用。
