reset格殺勿論 片甲不留 normalize 道法自然 去偽存真

一、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和安全問題。


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 14,093評論 1 92
  • ?前端面試題匯總 一、HTML和CSS 21 你做的頁面在哪些流覽器測試過?這些瀏覽器的內(nèi)核分別是什么? ...
    Simon_s閱讀 2,349評論 0 8
  • 一:在制作一個Web應(yīng)用或Web站點的過程中,你是如何考慮他的UI、安全性、高性能、SEO、可維護性以及技術(shù)因素的...
    Arno_z閱讀 1,354評論 0 1
  • 怎么樣安排張家界旅游?旅游要注意哪些事項?怎么樣才會玩得更實惠,更開心?現(xiàn)在讓我來為您一一解答 張家界旅游的注意事...
    彭齊輝閱讀 513評論 0 0
  • 不執(zhí)念過去,不幻想未來,只因有一顆漂泊的心?
    孤燈下的夜行人閱讀 374評論 0 0

友情鏈接更多精彩內(nèi)容