由於標題不習慣打的太長，有些人可能因此對於雙重預覽有模糊見解。現在解釋一下，我所謂的雙重預覽指的是雙重瀏覽器，IE以及Firefox，此編輯器可透過預覽模式選用其中一個瀏覽器觀看CSS的完成樣式。

可預覽的編輯器不少，但我目前用過還不錯得就這款，一來他免費，二來他真的很方便。不用特地開其他程式查詢顏色，也不用東拼西湊的貼代碼，要做的就是看著需要修改的地方，輕鬆點幾下。

Oiko CSS editor是一款免費的CSS編輯器，可以預覽編輯後的樣式，可以完全用點擊來完成CSS文件，對於有CSS基礎的人相當有助益。介面相當簡潔，可替代筆記本來編輯CSS。

軟體截圖 / 簡介

由於此軟體是一個輔助工具，所以如何從無到有和標籤為何物我就不多加講解了，對於有興趣研究CSS的人這個工具可以幫助你輕鬆學習、建立CSS。

剛開始，我們先到文章後方下載軟體，完成安裝後打開程式。我們可以看見他跳出這個視窗，這時候我們可以設定文件關聯性、桌面捷徑、使用者。

接著我使用WP預設樣式的CSS作為範例，我們可以看見它能輕鬆的設置字體大小、樣式、粗細、位置等等的，你想的到的都能設定。

在設定顏色方面，我以前都會開一個顏色選取器，找到喜歡的顏色複製代碼，然後小心翼翼的貼入文件中。現在呢？我只要拉拉捲軸，在喜歡的顏色上點一下就可以了。

框線及位置也都是可視化的喔！不用再去查詢哪個框線叫做什麼名字，直接使用選取就可以了。其他的設定就請各位下載回去試試看吧！

在製作CSS的過程中你可以進入代碼模式觀看目前的代碼。相反的，你也可以用代碼模式當作你用這程式的主因，而其他的功能當作輔助，那你可能是一個高手，或是一個偏執者。

最後我們可以看看傳說中的預覽模式，嗯... 這是IE的。

嗯... ，這是Firefox的（要先下載程式，然後重新開啟編輯器）。

小結

之前介紹過一款CSS修改利器CSS Toolbox，好像還不少人需要的。所以這次才會再介紹這個Oiko CSS editor。相較於CSS Toolbox的功能性，Oiko CSS editor就強多了，但是CSS Toolbox有CSS壓縮功能喔！（...有啥了不起）

隨著Web 2.0的發展，CSS被許多人瞭解與需要。光是國內部落格大站－無名小站，就有不知道多少人在參與CSS的製作，人人都會換樣式、改模板。（眼眶閃閃）

日後還有更好的編輯器會繼續推薦給各位，謝謝觀賞。

Oiko CSS editor

軟體名稱：Oiko CSS editor

軟體下載：Download（官方安裝版）Download（官方綠色版）

版本資訊：1.00 RC3

官方網站：http://css-editor.info/