亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > CSS > 正文

CSS進階:幾個Reset CSS的八卦問題

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

武林網(www.49028c.com)文章簡介:八卦是種優良品質,特別是用在技術上時。來看幾個Reset CSS的八卦問題.

 八卦是種優良品質,特別是用在技術上時。來看幾個Reset CSS的八卦問題吧:

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

  說完Eric Meyer的心路歷程,不得不提一下YUI Reset CSS. 創始人是Nate Kokechley. 去年北京D2論壇上還見過一面,前不久已離開YAHOO,讓我的直覺里對YUI都有點擔心起來了,唉。

  上面是兩個最有名的CSS Reset方案。但世界永遠是多樣化的,比如Less is more – my choice of Reset CSS. 這和Eric Meyer的期望其實是一致的:不同的應用環境下,應該選擇自己的reset方案,而不是簡單的copy過去。比如Google首頁,在這種特定頁面里,不用就是一種最好的用。

  更多眼花繚亂的Reset方案請參看:A Killer Collection of Global CSS Reset Styles. 很標題黨,內容就魚龍混雜了。

  最后,隆重揭曉最后一個八卦問題的答案:No CSS Reset. 提倡的核心思想也是Less is more. 原因很簡單,
  * { margin: 0; padding: 0 }
  殺傷力太大,在某些場合下,Eric Meyer的方案殺傷力也還是太大了。有想法并說出來,總是好的。

  有反對就會有支持:Why I Like (and Use) Reset CSS. 公說公有理,婆說婆有理,并非所有問題都需要一個確切的答案,有時過程本身,就是追求的結果。

  Eric Meyer對No CSS Reset一文的回復:Crafting Ourselves. 讀罷此文,明月松間照,清泉石上流。下面摘錄兩段,做為此八卦閑文的完結:

  Because this isn’t a field of straightforward answers and universal solutions. We are often faced with problems that have multiple solutions, none of them perfect. To understand what makes each solution imperfect and to know which of them is the best choice in the situation—that’s knowing your craft. That’s being a craftsman/craftswoman. It’s a never-ending process that is all the more critical precisely because it is never-ending.

  …It’s evidence that we continue to challenge ourselves and each other to advance our skills, to keep learning better and better how better to do what we love so much.

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
成人激情春色网| 成人激情视频在线播放| 91夜夜未满十八勿入爽爽影院| 亚洲精品福利视频| 成人国产亚洲精品a区天堂华泰| 亚洲国产成人在线播放| 欧美wwwwww| 亚洲欧美激情在线视频| 欧美激情在线狂野欧美精品| 日韩av电影在线网| 国产精品美女av| 黑人巨大精品欧美一区二区一视频| 91精品国产99久久久久久| 日韩美女在线观看一区| 久久69精品久久久久久久电影好| 亚洲一区二区久久久久久| 国产精品av免费在线观看| 欧美激情在线观看| 久久久久久国产精品美女| www.美女亚洲精品| 成人av色在线观看| 亚洲最新视频在线| 日韩av一区二区在线观看| 日韩风俗一区 二区| 欧美电影免费观看高清完整| 欧美电影免费观看大全| 欧美成人剧情片在线观看| 国产精品成久久久久三级| 日韩欧美精品网址| 91久久久久久久| 日本精品视频网站| 欧美在线一级视频| 精品美女永久免费视频| 亚洲最大成人网色| 日韩黄在线观看| 国产精品视频网址| 日韩欧美综合在线视频| 欧美午夜精品久久久久久久| 91精品久久久久久久久青青| 欧美一级淫片丝袜脚交| 深夜成人在线观看| 国产精品va在线播放我和闺蜜| 成人性生交大片免费观看嘿嘿视频| 国产精品高精视频免费| 日韩中文av在线| 国产亚洲视频中文字幕视频| 国产91在线播放精品91| 欧美精品第一页在线播放| 欧美亚洲视频在线观看| 亚洲精品第一国产综合精品| 97精品国产97久久久久久免费| 久久久亚洲影院| 国产精品久久久久久久久久99| 国内免费久久久久久久久久久| 97视频国产在线| 国内精久久久久久久久久人| 啊v视频在线一区二区三区| 国产日韩在线看片| 国产日韩中文在线| 国产美女精彩久久| 日韩av中文字幕在线| 亚洲欧美日韩一区二区三区在线| 蜜臀久久99精品久久久久久宅男| 亚洲欧美综合精品久久成人| 亚洲福利视频免费观看| 日韩美女视频在线观看| 欧美一级在线亚洲天堂| 97超级碰碰碰| 欧美激情第99页| 日本欧美中文字幕| 2019亚洲男人天堂| 亚洲福利在线观看| 欧美电影免费观看| 黑丝美女久久久| 国产91在线播放精品91| 欧美一级成年大片在线观看| 国产免费一区二区三区在线能观看| 日韩一区二区三区xxxx| 久久精品成人一区二区三区| 国产精品久久电影观看| 久久综合88中文色鬼| 亚洲电影天堂av| 欧美日韩国产精品专区| 国产日本欧美一区二区三区在线| 日韩精品一区二区三区第95| 日韩经典中文字幕在线观看| 国产精品久久久久久av福利| 日韩精品免费观看| 亚洲3p在线观看| 久久精品成人动漫| 国产日韩精品入口| 不卡av电影院| 国产日韩视频在线观看| 久久九九有精品国产23| 国产福利视频一区二区| 亚洲精品国产成人| 国产精品91久久久久久| 欧美视频在线观看免费| 欧美日韩在线免费| 欧美激情手机在线视频| 日韩中文字幕在线播放| 亚洲综合中文字幕在线观看| 亚洲国产精品成人一区二区| 亚洲欧美日韩视频一区| 中文字幕在线看视频国产欧美在线看完整| 91免费人成网站在线观看18| 日本人成精品视频在线| 国产日韩av在线播放| 欧美专区在线播放| 91精品在线观看视频| 欧美另类极品videosbestfree| 国产在线高清精品| 欧美性一区二区三区| 国产精品久久中文| 色一情一乱一区二区| 91国产精品91| 91sao在线观看国产| 97在线观看免费高清| 91精品国产91久久久久久吃药| 国产精品国内视频| 欧美精品免费播放| 色综合天天综合网国产成人网| 在线国产精品播放| 日韩电影中文字幕av| 久久久女人电视剧免费播放下载| 国产成人精品免高潮费视频| 日韩高清电影免费观看完整版| 福利精品视频在线| 精品国产依人香蕉在线精品| 国产aⅴ夜夜欢一区二区三区| 久久久久久久久综合| 国产成人综合一区二区三区| 久久精品国产v日韩v亚洲| 亚洲国产精品成人va在线观看| 97精品伊人久久久大香线蕉| 国产成人精品在线播放| 欧美电影第一页| 久久久精品视频在线观看| 成人激情在线观看| 日韩亚洲成人av在线| 日韩美女激情视频| 色婷婷综合久久久久中文字幕1| 日韩视频中文字幕| 亚洲无限乱码一二三四麻| 久久久人成影片一区二区三区观看| 国外成人在线直播| 一区二区在线免费视频| 亚洲欧美激情另类校园| 日本午夜人人精品| 久久香蕉国产线看观看av| 日韩中文字幕免费| 亚洲国产精品成人va在线观看| 久久久久久久一区二区三区| 久久久亚洲影院你懂的| 国产视频丨精品|在线观看| 国产免费一区视频观看免费| 精品一区电影国产| 国产大片精品免费永久看nba| 精品日韩美女的视频高清| 国产精品美腿一区在线看| 国产成人鲁鲁免费视频a| 在线视频免费一区二区| 日韩av在线一区二区| 日韩av男人的天堂|