国产探花免费观看_亚洲丰满少妇自慰呻吟_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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 延川县| 合肥市| 香港| 温宿县| 周口市| 南阳市| 登封市| 图们市| 应用必备| 林口县| 三穗县| 衡山县| 鲁甸县| 阿拉尔市| 西昌市| 东宁县| 容城县| 疏附县| 武宣县| 雷州市| 曲阜市| 利津县| 闽清县| 隆化县| 长沙县| 扬中市| 牡丹江市| 务川| 延吉市| 宜宾市| 来安县| 通渭县| 成安县| 衡阳县| 桑日县| 印江| 邛崃市| 南汇区| 拉萨市| 芦溪县| 宝坻区|