CSS Reset

2018-07-10 15:35 更新

所有的 HTML 標(biāo)簽在沒(méi)有設(shè)置樣式時(shí)均被瀏覽器默認(rèn)的樣式列表所裝飾 (不同瀏覽器默認(rèn)樣式有所不同)。CSS 的樣式重置就是清楚瀏覽器的默認(rèn)樣式 ,可以理解為對(duì)于全局的樣式定義。 對(duì)于開(kāi)發(fā)者來(lái)言,如不重置每一個(gè)瀏覽器特定的默認(rèn)樣式,則會(huì)在開(kāi)發(fā)造成諸多的不便。

在前端開(kāi)發(fā)過(guò)程中做加法,遠(yuǎn)遠(yuǎn)比做減法簡(jiǎn)單。將所有瀏覽器的默認(rèn)樣式統(tǒng)一, 可以使它們有一個(gè)相同起點(diǎn)。

— Li Xinyang 資深前端工程師

NOTE:一份 CSS Reset 文件并不一定適用于所有場(chǎng)景,需要更具需求做出變通 (需符合產(chǎn)品需求為主)。

NOTE+:瀏覽器對(duì)于控件的樣式和功能的特性支持也可以重置 (例如日歷,清楚輸入框內(nèi)容按鍵等)。

NOTE++:Reset 文件需比頁(yè)面其他樣式文件的引入順序優(yōu)先(優(yōu)先級(jí)需最高)。

樣式重置前后對(duì)比

樣式重置前

樣式重置后


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)