亚洲无码国产日韩欧美99|欧美亚洲永久电影三级成人|日韩a∨在线中文字幕30页|精品毛片直播一区二区|午夜欧美电影久久|国产日产欧产精品精乱子|黄色电影AA级亚洲播播|日韩免费黄色三级片电影|精品在线视频足久草在咸|欧美日韩美女在线免费视频播放

css遇到的那些坑——瀏覽器默認(rèn)樣式設(shè)置

2017/2/13 8:24:19   閱讀:1806    發(fā)布者:1806

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