1
我想知道CSS是如何工作的..瀏覽器是如何執行的無論是設計在CSS ...CSS - 它是如何工作
可以說
當一個頁面加載，它有附加多個CSS文件到它，鼠標移過一些錨點，並找到一個類爲它設置它將搜索相關類的所有CSS文件，並閱讀其懸停狀態，然後渲染它...
如何..如何作品...你可能猜到我想問什麼...
A
回答
7
這是一個非常廣泛和複雜的問題。它本質上是問，「瀏覽器如何渲染頁面？」 This video展示Gecko如何處理示例頁面。看到渲染過程如此細分可能會讓人覺得它有多複雜。最終，由於CSS規範沒有提供任何關於實現的要求甚至指導，所以每個瀏覽器（或者，我們應該說，「每個渲染引擎」）都會以不同的方式做事。如果您今天要從頭開始編寫新的瀏覽器，您可以自由探索任何您想要的算法。
通過每條規則讀取並查看哪些匹配（對於每個元素）的想法當然是一個可行的起點，但幾乎可以肯定某些優化和緩存需要加以固定，以使樣式表具有可接受的真實性世界的複雜性。
儘管如此，現在使用的主要渲染引擎（Webkit和Gecko）都是開源的，您可以自由下載它們，瀏覽代碼甚至進行更改。而這真的是瞭解這些引擎如何在這個細節層面上工作的唯一途徑。
0
相關問題
- 1. CSS轉換，它是如何工作的？
- 2. 。它是如何工作的？
- 3. LexikJWTAuthenticationBundle它是如何工作
- 4. mvc4包，它是如何工作的？
- 5. Animate.css - 它是如何工作的？如何使其自動工作？
- 6. JustCode logo它是如何工作的？
- 7. CSS字體重量數字：它們是如何工作的？
- 8. CSS - 行高屬性，它是如何工作（簡單）
- 9. 你能告訴我它是如何工作的嗎？ css html
- 10. 接縫郵件和CSS（它是如何工作的？）
- 11. 它是如何工作的CSS字體重量值？
- 12. asp.net + css + jQuery - 它是如何一起工作的？
- 13. OpenLayers.Control.Scale.template - 它是如何工作的，它一直工作嗎？
- 14. jQuery UI droppable - 它是如何工作的？
- 15. 什麼是延遲後臺工作？它是如何工作的？
- 16. Jenkins的種子工作是什麼？它是如何工作的？
- 17. woorank loader（css）是如何工作的？
- 18. bitwise_and它是如何工作的？
- 19. SetRequiredLevel它是如何工作的？
- 20. android：background - 「？attr/actionBarItemBackground」..它是如何工作的？
- 21. SEM_UNDO - 它是如何工作的？
- 22. trainCascadeObjectDetector它是如何工作的？
- 23. 角2 Renderer2 - 它是如何工作
- 24. 電梯：testCond - 它是如何工作的？
- 25. XNA MathHelper.SmoothStep？它是如何工作的？
- 26. BLOB，它是如何工作的
- 27. 的SelectedIndexChanged它是如何工作
- 28. AirDroid - 它是如何工作的
- 29. 流星包 - 它是如何工作的？
- 30. memory_limit：它是如何工作的？
WOW ...這是一個怪異的視頻..你應該向軟件\電腦學生展示這件事，告訴他們他們進入了什麼......把它們嚇跑，你知道...... – Moon 2010-11-14 20:19:35
+1，不錯的視頻。 – nnevala 2010-11-14 20:22:48