0
我有一個項目有幾個CSS文件，每個都有很多不同的設置。我偶爾會在頁面上放置一個元素，並且它會出乎意料地出現，比如奇怪的縮進，字體顏色，懸停行爲等等。總是找出CSS設置導致行爲的確切原因。有什麼辦法可以確切地知道哪些CSS值被應用於給定的元素？你如何知道CSS設置會影響佈局？
A
回答
15
結帳「螢火蟲」爲Firefox ....驚人附加爲Web開發人員
https://addons.mozilla.org/en-US/firefox/addon/1843
您可以點擊的元素，它會告訴你這是應用類。
更好的是，您可以直接更改css值並在瀏覽器中實時查看結果 - 使設計變得更加輕鬆快捷。
1
Firebug是一個很大的幫助，看看CSS是裝飾元素。
2
獲取Firebug（用於Firefox）並使用「檢查」功能 - 它會向您顯示高亮顯示的元素的有效CSS（以及它來自何處）。
2
最好的工具是Firebug，它是Firefox的一個擴展，向您展示了元素如何以及元素在哪裏繼承其當前樣式。
2
一般來說，您需要檢查元素。
在Firefox中，安裝Firebug，右鍵單擊元素並選擇「Inspect Element」。
在谷歌瀏覽器中，右鍵單擊並選擇「檢查元素」。
在IE8中按F12或進入工具 - >「開發工具」，然後去查找 - >「通過單擊選擇元素」，然後單擊元素。
一旦你檢查了元素，你會看到一個適用於它的CSS規則列表。你也可以得到計算的樣式。
1
正如上面的人們所說的，Firebug是檢查css如何影響您的網站的切片面包以來最偉大的事情。
你也可以使用這個小工具ALONG與螢火蟲，然後你的CSS調試變得更容易！
0
Safari的新的「Web檢查」是一樣好，甚至比螢火蟲更好地爲這一點。現在Safari已經變得更聰明瞭，我停止使用Firebug。
如果您使用的是一個壓縮並「串聯」CSS文件以獲得速度的框架，請在開發時關閉它。 另一個提示：花點時間學習CSS中的第一個C級聯。瞭解一些關於CSS規則的特殊性也會有很大的幫助。 – 2009-11-03 00:12:37