您現在的位置是:電腦技術吧?>? 故障問題 ??>??八卦,什么是八卦??>??正文詳情

八卦,什么是八卦

抗修謹2019-11-05 07:21:16 人圍觀
簡介八卦卦象你知道世界上第一個reset.css在哪里嗎?*{邊距:0;邊距:0}個性不好?埃里克·邁耶和你是情侶嗎?谷歌使用reset.css嗎?誰是不重置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 isnt 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 situationthats knowing your craft. Thats being a craftsman/craftswoman.Its a never-ending process that is all the more critical precisely becauseitis never-ending.  Its evidence that we continue to challenge ourselves and each other to advance our skills,

版權聲明:本文由 抗修謹 整理編輯。

原標題:哪八卦,八卦怎么看

轉載注明出處:http://www.dn9ww09s.icu/fault/11101.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 怎么計算電腦電源功耗,電腦電源功耗計算

    怎么計算電腦電源功耗,電腦電源功耗計算 相關圖片功率計算機如果計算機只需要400W的電源,即使使用1200W的電源,也無法提高其性能我們需要什么樣的電源按照“夠用就好”的原則買權其實是最合理的。有辦法測量用電量嗎現在,電腦...

  • 渲染速度,渲染速度和什么有關

    渲染速度,渲染速度和什么有關 相關圖片3d影響渲染速度的一盡量避免由于不同瀏覽器對HTML標記的解釋不同,最終的web頁面效果在不同瀏覽器中可能有所不同為了消除這種風險,設計人員通常在css的開頭去掉所有標簽的默認屬...

  • WIN鍵,win鍵用不了

    WIN鍵,win鍵用不了 相關圖片鍵盤上的windows鍵在哪當我們打開跑步窗口時,我們習慣于點擊鍵盤上的“win r”來打開它。但贏球的關鍵是什么?鍵盤上是什么鍵今天,小編會告訴你哪一個是關鍵贏家我寫了那么多教...

  • 打印機一直卡紙,打印機為什么卡紙

    打印機一直卡紙,打印機為什么卡紙 相關圖片打印機顯示卡紙我們經常滿足使用打印機的需要,但在使用打印機時,我們經常遇到一個問題,即打印機卡紙。我們應該如何處理這種現象?別慌今天小編將教你如何解決打印機卡紙的...

  • 日歷圖標,日歷圖標顯示當天日期

    日歷圖標,日歷圖標顯示當天日期 相關圖片華為日歷圖標不顯示日期今天我將向你展示如何用css的方式創建一個日歷圖標。你可以在博客文章或其他地方使用它我自己學的,但效果是圖片級的。正如書名中提到的,這不是炫耀技...

  • 刪除頑固文件夾,頑固文件夾刪除又生成

    刪除頑固文件夾,頑固文件夾刪除又生成 相關圖片文件夾刪除后又出現小編遇到過這樣的問題刪除要刪除的文件后,她發現這些文件沒有完全刪除。最后,需要一點時間來解決它所以今天小編就和大家分享如何刪除那些無法刪除的頑固...

  • body背景圖片,給body加背景圖片

    body背景圖片,給body加背景圖片 相關圖片html設置body背景圖片在css布局中,有時可能會遇到將圖像直接設置為web頁面的背景以進行水平和垂直平鋪(從上到下到中心)的情況。此時,無論整個網頁的內容是否占據全屏,css的背景...

  • 網頁如何設置自動刷新,瀏覽器怎么設置自動刷新網頁

    網頁如何設置自動刷新,瀏覽器怎么設置自動刷新網頁 相關圖片如何設置自動刷新有時我們需要不斷刷新網頁例如,買票時,手動刷新總是很慢很費力。如果您可以將瀏覽器設置為自動刷新,那么現在讓我們告訴您瀏覽器確實具有此功能接下來,編...

  • 為什么steam打不開,steam打不開了

    為什么steam打不開,steam打不開了 相關圖片steam官網打不開STEAM是一個銷售游戲軟件的平臺。它賣的所有游戲都是正版的。但是當我們打開它的時候,會出現一些情況,比如蒸汽不能打開它的問題。我們怎樣才能解決這個問題接下...

  • 言過其實,言過其實的人

    言過其實,言過其實的人 相關圖片言過其實指誰HTML5什么時候開始吸引越來越多的人盡管W3C說它的最終成熟還有很長的路要走,但它不能阻止人們對它的期望2007年,HTML5進入了W3C標準HTML5的使命言過其實指的是...

熱評文章

  • cr2用什么打開,cr2文件如何打開

    cr2用什么打開,cr2文件如何打開 相關圖片電腦如何打開cr2佳能相機,這是一段時間。因為我記得我在學校的時候,佳能相機的廣告每天都出現在電視上,那時我覺得很酷但現在它很受歡迎。今天,我想告訴你如何打開佳能相機...

  • 怎么使表格居中,怎么使文字居中

    怎么使表格居中,怎么使文字居中 相關圖片怎么使表格里的字居中主要樣式定義如下:body{text align:center;}{center{margin right:auto;margin left:auto;}描述:在html5中如何使表格居中...

  • word文檔目錄怎么自動生成,word文檔目錄怎么自動生成頁碼

    word文檔目錄怎么自動生成,word文檔目錄怎么自動生成頁碼 相關圖片word文檔目錄word是我們常用的文本編輯器。學習word的一些基本操作,使辦公更加方便。當我們通常寫文章或論文時,為了方便,在搜索時很容易找到由文章生成的目錄如何生成目錄現w...

  • 如何解決筆記本漏電,筆記本漏電怎么辦

    如何解決筆記本漏電,筆記本漏電怎么辦 相關圖片筆記本usb漏電小編其實也經歷過筆記本外泄的感覺。有一次,當我玩電腦的時候,當我的手碰到筆記本主板的邊緣時,我突然感覺到電流我很震驚后來,我得知是筆記本漏水,找到了解...

  • class屬性有什么用,class屬性

    class屬性有什么用,class屬性 相關圖片td標簽中的class屬性每個元素都可以有一個類屬性集如果一個元素屬于多個類,請用空格將其分開,例如a href=http://www.htmlv.cn/html5/a。具有類屬性值的元table標簽的class屬性...

  • 0xc000000a,0x000001a

    0xc000000a,0x000001a 相關圖片0x0000035我們可能每天都會面臨不同的計算機問題,而出現問題的時間并不是我們可以提前知道的所以計算機出現問題的概率取決于幸運值。接下來,我將告訴您如何解決藍屏錯誤代碼“...

  • cssclear,css中clear是什么意思

    cssclear,css中clear是什么意思 相關圖片html中clear屬性代碼如下:style type=text/css*{margin:0;padding:0;}p{border:1px{66cc00 solid;}img{widhtmlclearboth...

  • 電腦開機鼠標不能動,電腦死機鼠標不能動

    電腦開機鼠標不能動,電腦死機鼠標不能動 相關圖片電腦黑屏但是鼠標能動對于老鼠,我們都很熟悉它是計算機中必不可少的工具。在使用鼠標時,我們經常會發現一些問題,如移動緩慢和無法移動那么,是什么導致的呢?計算機鼠標不...

  • 瀏覽器打不開怎么解決,我的瀏覽器怎么打不開

    瀏覽器打不開怎么解決,我的瀏覽器怎么打不開 相關圖片為什么手機瀏覽器打不開在360瀏覽器軟件中,玩家可以收集自己喜歡的軟件,這非常方便,但是有很多用戶無法打開自己的收藏夾,那么我們應該如何解決這個問題呢?現在,小編將為...

  • 閹雞技術竅門,技術竅門

    閹雞技術竅門,技術竅門 相關圖片炸雞排技術竅門前端的發展是如此的迅速。如果你不注意,你可能會被遠遠甩在后面。如果你不想被HTML5的變化/更新所淹沒,你可以用這篇文章作為你必須理解的熱身課程i.新的doct烤兔...

關注微信

变脸官网查询