一、reset.css
? ? ?1.1、reset.css的由來
? ? ? ? ? ? ?在這個色彩繽紛的大HTML中,存在著形形色色的標(biāo)簽,如P標(biāo)簽,典型的大地主,所占的位置比平常標(biāo)簽多了16pxmargin,再如ul標(biāo)簽,身上總是佩戴著一個個小珍珠,又或者是我們的body,富二代嘛,一出生就默認(rèn)的有8px的margin……然而在這個不患貧而患不均的時代,怎么能允許這等貧富差距的出現(xiàn)。所以大眾標(biāo)簽士揭竿起義,研究出來一套CSS樣式,在這種樣式下,實現(xiàn)標(biāo)簽平等。
? ? ? 1.2、reset.css的格式
? ? ? ? ? ? ?常見到的,通配選擇器的使用。* {padding:0;margin:0},但這種性能較低,太過于籠統(tǒng),而且不精細(xì),所以不建議使用。一般寫法body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td {padding: 0;margin: 0;},利用群組選擇器進行HTML格式的重置。
? ? ? 1.3、reset.css使用原因
? ? ? ? ? ? ?這就好比為什么要制定憲法一樣嘛,便于管理,畢竟在現(xiàn)在信息化盛行的社會里,疙瘩瀏覽器并存,并且各自由各自的小性格,導(dǎo)致我們所寫的代碼不能符合所有瀏覽器的口味,所以為了兼容,我們就要讓所有標(biāo)簽,不管是平民還是地主,全部過濾格式化管理。
二、reset.css 與 normalize.css的區(qū)別
? ? ? ? ? ? ?技術(shù)總是在更新,?盡管reset.css為我們提供了很多的幫助,但是因噎廢食仿佛使部分標(biāo)簽不太滿意。畢竟那些當(dāng)”官“的標(biāo)簽并不都是”貪官“,也有好的不是,而reset.css格殺勿論,一個不留優(yōu)點過于嚴(yán)厲。這時候normalize.css就凸顯出來,它的宗旨類似于劫富濟貧,只”殺貪官“,保留那些”好官“的權(quán)利,為普通標(biāo)簽謀福利。不僅如此,normalize.css作為大HTML的一份子,不但保護有用的瀏覽器默認(rèn)樣式而不是完全去掉它們,而且修復(fù)瀏覽器自身的bug并保證各瀏覽器的一致性,使我們制造出來的代碼適用于各大瀏覽器。
三、拓展--網(wǎng)頁標(biāo)準(zhǔn)制定
網(wǎng)頁的標(biāo)準(zhǔn)制定,是的web發(fā)展的更健康,提高網(wǎng)站的易用性。
1、開發(fā)者遵循統(tǒng)一的標(biāo)準(zhǔn),降低了開發(fā)難度和開發(fā)成本。
2、SEO優(yōu)化網(wǎng)頁也會更加方便,不hi因為濫用代碼出現(xiàn)各種bug和安全問題。