国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

幾個Reset CSS的八卦問題

2024-07-11 08:39:24
字體:
來源:轉載
供稿:網友

你知道世界上第一份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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 凌云县| 大埔县| 佳木斯市| 丰原市| 阿坝县| 日喀则市| 宁都县| 南靖县| 临西县| 江孜县| 德兴市| 汕尾市| 江油市| 湖北省| 铜梁县| 宁陕县| 灵宝市| 连州市| 北海市| 鄱阳县| 读书| 巴青县| 嘉鱼县| 望都县| 义马市| 大新县| 拜泉县| 永寿县| 黔东| 宁化县| 荔波县| 温宿县| 蒙自县| 昌吉市| 剑川县| 林州市| 陆川县| 景泰县| 永州市| 循化| 新密市|