我是（現代）網絡開發的新手。無論如何，我下載了一個圖像旋轉器和一個使用jquery的下拉菜單。現在，我把它們放在一起，它們工作得很好。但是，通過這個下拉菜單，我有一個水平切片的圖片，而不是一個垂直的選擇列表。如何「調試」一個CSS文件
如果我只是把圖像A，B，C - 無論出於何種原因，它們將它們放置在彼此垂直而不是從左到右。所以，我試圖把它們放在一張小桌子裏 - 它強制圖片之間存在一個小的間隙，而不是讓它們無間隙地從左到右 - 即使我說border = 0。
我該怎麼做調試這個？
下載螢火蟲，或者嘗試使用谷歌Chrome網上應用調試器（CTRL + 轉變 + Ĵ）
消防錯誤可能對你更好，因爲它可以讓你編輯的網頁和看如何確定的CSS調用會影響頁面。這是我用所有的時間
還有一個下載（生病得到鏈接），讓您在其他瀏覽器中運行螢火
編輯
試試Firefox的Firebug插件。您可以使用它來確定哪些規則適用於您的dom元素，只需點擊一次即可。
您還可以即時編輯CSS並立即查看更改 - 當您移動物體時，在每次更改後都要刷新。在Firebug中對CSS進行更改，當您滿意時，將其複製回您的文件中。
現在Firebug是如此不可或缺的。讓我想知道我們是如何做到的「在過去」。 – numbers1311407
現代瀏覽器會讓你檢查頁面元素的確切CSS。您可以使用這些工具進行調試。
在Chrome中，用鼠標右鍵單擊該元素，然後單擊「檢查元素」，或在右上角點擊扳手圖標，點擊工具>開發者工具，然後單擊要素選項卡，檢查的元素。
Firefox有FireBug插件，您可以從here下載該插件。
IE有Developer Tools。剛打F12。
我不確定Safari有什麼，但它可能類似。
我建議爲Firefox（插件）「Web Developer Toolbar」，然後轉到CSS->查看樣式信息。
主要的調試工具是使用「！important」規則來強制執行一些規則，以便您可以確定問題，還可以使用Firebug for Firefox和Chrome和Chrome瀏覽器等工具來幫助您查看計算出的CSS。也爲Firefox Web開發工具欄上有豐富的DOM工具，它可以讓你檢查現場DOM樹
大多數Web瀏覽器內置的網絡督察。您可以使用這些檢查頁面上的元素，檢查，添加或刪除樣式。通常有一個調試問題，你會試圖刪除樣式，但偶爾你也需要添加它們。這裏有一個例子： 如果我有：
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Hello World</title>
<style>
#hello { color: white }
</style>
</head>
<body>
<p id="hello">Hello World</p>
</body>
</html>
#hello將不會出現。我可以使用谷歌瀏覽器中的Web Inspector來查找： 
如果我對您的*實際問題*的理解是正確的，那麼您需要「編寫新代碼」，而不是「調試現有代碼」。 – thirtydot