重建一個CSS，我應該使用哪些工具

Question

我有一個現有的CSS，並且很想修改它，我應該使用哪些CSS工具來執行此操作？

我有一個現有的Web應用程序，已經有噸的CSS，但希望全面改造。

關於如何做到這一點的工具和建議將非常棒。

Answer 1

你最好的選擇是一個簡單的文本編輯器，一本好的CSS書和Google。

沒有諷刺或任何意圖。如果你想修改你的CSS，學習CSS並自己寫。沒有工具會產生與手寫CSS相同的質量。

Answer 2

我傾向於說你應該只使用標準文本編輯器和瀏覽器上的刷新按鈕。 Visual Studio具有自動完成CSS樣式，以便可以幫助。

或者你可以嘗試這樣的事情

Stylizer

但我個人認爲它的矯枉過正

Answer 3

我不會做一個「全面改造」，除非我有一個夢幻般的理由這樣做。也就是說，我會使用的唯一工具是帶有語法高亮顯示的標準編輯器（如intype）和firebug。避免像鼠疫這樣的編輯們！他們會寫可怕的標記/ css，你會發現自己想要在路上再做一次改造。學習編寫可靠的樣式規則，避免冗長。

另一個有趣的與firebug結合使用的firefox插件是firediff。這將幫助您跟蹤您在螢火蟲中所做的更改，並將它們帶到您的項目文件中。

爲了不斷的測試，我還將主流瀏覽器（Opera，Chrome，Firefox，Safari和IE7/8）並行打開。你會遇到一些設計者，他們說：「讓它在Firefox中運行，然後在IE中測試」，但我稱之爲無稽之談 - 總是測試它，並且你不需要找出解決方案。結束。

Answer 4

使用simpel文本編輯器，並使用某些語法高亮顯示。

閱讀面向對象的CSS。

幻燈片一下：http://www.slideshare.net/stubbornella/object-oriented-css

Answer 5

使用Firefox，安裝 「螢火蟲」 和 「Web開發」 添加上。當你需要探索當前的設置時，它們是無價的。

您將獲得Firebug的「檢查元素」功能，該功能還允許您快速檢查小的更改。

使用（搜索）重置樣式表以獲得良好開端; 並且真正用於您的內容的語義，而不僅僅是純CSS的效果。

Answer 6

我使用Yaml創建基於CSS的佈局。它不是修改現有CSS文件的「工具」，而是附帶了大量示例和預先設計的CSS文件，以便用CSS設計浮動佈局（並有助於添加所有那些可怕的瀏覽器特定黑客以獲得跨瀏覽器工作頁面）。不知道這對你的目的是否有意思，只要看看。

Answer 7

在結構上，您可以嘗試使用像960這樣的網格佈局。

如果您想嘗試CSS框架，可以使用類似cssscaffold或compass的東西。

您可能有興趣嘗試「object oriented css」風格。

雖然你的原始問題有點不具體。