鍍金池/ 教程/ HTML/ CSS Reset
書單
JavaScript 動(dòng)畫
HTML
CSS Reset
屬性操作
DOM 事件
閉包
Photoshop
Atom 文本編輯器
表單操作
布局解決方案
類型系統(tǒng)
開發(fā)實(shí)踐
數(shù)據(jù)通信
變量作用域
BOM
JavaScript 程序設(shè)計(jì)
前端工程師概述
CSS
響應(yīng)式布局
表達(dá)式與運(yùn)算符
基本語(yǔ)法
JavaScript 介紹
版本控制
布局
調(diào)試器
背景
圖片保存
多媒體
文檔樹
列表操作
Sublime 編輯器
盒模型
常見布局樣例
類型識(shí)別
變形
數(shù)據(jù)存儲(chǔ)
選擇器
頁(yè)面架構(gòu)
開發(fā)及調(diào)試工具
頁(yè)面模塊化
節(jié)點(diǎn)操作
測(cè)量及取色
瀏覽器兼容
HTML 簡(jiǎn)介
內(nèi)置對(duì)象
實(shí)體字符
產(chǎn)品前端架構(gòu)
協(xié)作流程
切圖
工具, 面板, 視圖
正則表達(dá)式
動(dòng)畫
語(yǔ)句
面向?qū)ο?/span>
HTML 語(yǔ)法
HTML 標(biāo)簽
技術(shù)選擇
樣式操作
圖片優(yōu)化與合并
語(yǔ)法
DOM 編程藝術(shù)
Canvas
接口設(shè)計(jì)
頁(yè)面優(yōu)化
文本

CSS Reset

CSS Reset

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

在前端開發(fā)過程中做加法,遠(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ì)比

樣式重置前

http://wiki.jikexueyuan.com/project/fend_note/images/C/css-reset-before.png" alt="" />

樣式重置后

http://wiki.jikexueyuan.com/project/fend_note/images/C/css-reset-after.png" alt="" />

上一篇:變量作用域下一篇:樣式操作