在gwt中加入自訂的CSS file

真不簡單！終於弄出來了～還好有Goole group的資料，但是裡面斷簡殘篇，要找出一個脈絡真的得花很多功夫～

先把你要設定的widget加上一個StyleName，像是

Button.addStyleName("small");

然後用你喜歡的編輯器寫個xxx.css，像是這樣

.small{
display: block;
width: 120px;
height: 120px;
margin: 2px;
}

接著重點來了！你得在gwt專案裡面的www路徑下新增一個public的資料夾(注意！名稱得一模一樣！)，然後把先前寫好的css檔丟進去！(快好了快好了~再忍一下)


再來就是讓你原本傻傻的不知道要用css檔的專案去讀這個css檔。
到你專案裡的XML檔裡加上下面這兩句：

public path="public"
stylesheet src="public/test.css"

(兩句前後都要加上<> 包起來..該死的編輯器！竟然把我的語法吃掉！)

存檔！

Run你專案裡的xxx-shell.cmd 來看看結果吧！CSS出現的一小步，是案子成功的一大步！

P.S 以上操作都是在Eclipse裡徒手設定的結果，其他像IntelliJ等的IDE應該是不需要設定這些。