17C精品-亚洲色欲色欲www在线观看-午夜激情福利视频-婷婷综合色-亚洲成人精品在线观看-h片免费观看-欧美日韩一二三四-一起操在线-色噜噜一区二区-日韩av无码中文字幕-夜夜草影院-国产精品18久久久-2020av在线-草逼视频网-草草视频在线-波多野吉衣在线视频-日本激情视频在线观看-亚洲精品成-xxx国产在线观看-国产高清精品一区-99免费国产-日本十大三级艳星-a天堂视频在线-国内自拍视频一区-一区精品久久

css遇到的那些坑——瀏覽器默認樣式設置

2017/2/13 8:24:19   閱讀:1930    發布者:1930

今天自己寫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文件,
將需要修正的樣式都寫在里面,以后做項目時可以共用。