爲什麼在檢查元素CSS時Firebug添加-moz- *樣式？

Question

每當我檢查螢火蟲頁面元素，我總是看到它添加樣式，如...

-moz-background-clip:border; 
-moz-background-inline-policy:continuous; 
-moz-background-origin:padding; 

...等，到樣式對話框。它爲什麼這樣做？

Answer 1

這不是Firebug添加這些規則，而是Gecko渲染引擎。它們是「默認樣式表」的一部分。 （特定代理在解析頁面上的樣式之前應用的默認樣式，它們具有0,0,0,0的特異性，這基本上意味着對同一規則的任何進一步聲明都會覆蓋默認設置。）

由於您有「顯示用戶代理CSS」檢查您的Firebug設置，螢火蟲顯示這些規則。

---

從Mozilla開發參考：

-moz-background-clip

在基於Gecko的應用程序，如火狐-moz-background-clip CSS屬性指定的元素的背景，無論是彩色或圖像是否延伸下方其邊界

邊框 :(初始）背景延伸到外部邊界的邊緣（但在z排序的邊界下方）。

填充：無背景畫在邊界之下（背景延伸到填充的外邊緣）。

---

-moz-background-inline-policy

在基於Gecko的應用程序，如Firefox中，-moz-background-inline-policy CSS屬性指定如何當內聯元件的內容包裝到多行的內聯元件的背景圖像被確定。職位的選擇對重複有重大影響。

包圍盒：背景圖像中包含所有的行內框的元件的最小矩形定位（和重複）。根據-moz-background-clip屬性，它將被限制爲僅在這些框中可見。

continuous :(初始化）背景圖像被定位（和重複），好像內聯框沒有穿過線斷開，然後這個長的矩形被切成每條線的塊。

each-box：背景圖像被定位（和重複）的內聯元素的每個框。這意味着帶有background-repeat : no-repeat的圖像可能會重複多次。

---

-moz-background-origin

在Mozilla的應用程序，如Firefox中，-moz-background-origin CSS屬性確定背景定位區域（背景圖像的原點）。

border：背景位置是相對於邊框的，所以圖片可以在邊框後面。

填充 :(初始）背景位置是相對於填充。

content：背景位置是相對於內容。

Answer 2

我相信這是螢火蟲在使用它時添加到網頁上的所有小設計。像在塊級元素周圍添加彩色框等

Answer 3

這是CSS 3和實驗屬性。由於該屬性尚未標準化，因此它們添加了該前綴。