你知道世界上第一份reset.css在哪么?
* { margin: 0; padding: 0 }
人品很壞嗎?
Eric Meyer和YUI是情侶嗎?
Google有用reset.css嗎?
No CSS Reset的口號是誰最先提出來的?
類似問題或者說困惑還能列舉很多,reset.css極其簡單又極其不簡單。繼續挖掘八卦之前,請先關機遐思,或去如廁更衣透透氣,想想后再讀下文。
不是歷史
2004年,遙遠又如近在眼前的昨天,Tantek被不同瀏覽器下默認樣式的差異搞煩了,于是琢磨中寫了一個undohtml.css, 這就是第一個八卦問題的答案。
對于基于Gecko引擎的Firefox等瀏覽器,請在地址欄中輸入resource://gre/res/html.css,默認樣式就這樣裸體著呈現在面前了。CSS界的Guru級人物Eric Meyer立刻就嗅探到了html.css的有趣性:Really Undoing html.css. 知道CSS好玩,實在沒想到CSS居然這么好玩。比如
style, script { display: block }
就可以顯示CSS和JS源碼,在做代碼演示的demo頁時,就不用辛辛苦苦用pre或textarea了(雖然因為ie不支持導致不實用,不過這的確是個思路)。
繼續八卦:CSS Negotiation and a Sanity Saving Shortcut.
* { margin: 0; padding: 0 }
的學名是Global White Space Reset. 從原文中可以看出這個方法剛問世時是非常火爆的,并且作者建議一定要先破后立,要將清掃差異和重置默認樣式結合起來,這樣才是正確的做法。
為何Global White Space Reset當初風光一時,如今卻黯然銷魂?
* { margin: 0; padding: 0 }
的成功之處在于,管你三七二十八,統統抹平,人人生而平等!然而其失敗之處也正是因為其威力太大,雖然搗了蜂窩得了蜜,卻惹來群蜂追尾,麻煩無限(因為被抹平的樣式,你得再重新設置回來,比如input的padding等)。這就如西漢一代名將韓信哪,是成也蕭何,敗也蕭何!
還有一個傳說中的說法是,星號*選擇符還會導致性能問題。由于一直沒找到可靠的資料,我又不知道怎樣才能測試CSS選擇符的渲染性能(知道的請一定告訴我),這個傳說中的性能問題就只能當它是傳說了。
眨眼一瞬間,三年就過去了。2007年,Eric Meyer的一篇文章Reset Styles, 重新喚起了一股reset熱潮。這篇文章里有第3個八卦問題的答案:Eric的reset.css是源自YUI的,可能是母子關系,但總之不是情侶關系。
很快,Eric發布了第二版:Reworked Reset. 后面的解釋極具價值,很多屬性值的設置在這里有詳盡說明。
火爆的回復給了Eric源源不斷的動力:Reset Reloaded. 看完這篇文章,有一種塵埃落定的感覺。
但上面的文章并不是最終版本,2008年2月份,Eric Meyer還更新了一次:CSS Tools: Reset CSS
|
新聞熱點
疑難解答