什么是CSS reset？

每個瀏覽器都有一些自帶的或者共有的默認(rèn)樣式，會造成一些布局上的困擾，css reset的作用就是重置這些默認(rèn)樣式，使樣式表現(xiàn)一致，比如 *{margin:0;padding:0}就是一個最簡單的css reset

創(chuàng)新互聯(lián)主營南岸網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都App制作,南岸h5微信小程序搭建,南岸網(wǎng)站營銷推廣歡迎南岸等地區(qū)企業(yè)咨詢

比較簡單的重置css樣式技巧

html{color:#000;background:#FFF;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:text-top;}

sub{vertical-align:text-bottom;}

input,textarea,select{font-family:inherit;font-weight:inherit;font-size:100%;}

legend{color:#000;}

//Yahoo css reset 3.0版本

這是我使用了四年的CSS Reset,你可以適當(dāng)?shù)母鶕?jù)自己的項目添加一些自己的.

希望能夠采納 .^_^.

CSS reset重置樣式有那么重要嗎

是的；

因?yàn)楦鱾€瀏覽器都自帶默認(rèn)樣式，而且默認(rèn)樣式還不一樣。這樣在寫css的時候，你會發(fā)現(xiàn)，很難兼容所有瀏覽器。

有些瀏覽器自帶padding值margin值。