儘量使用css設定樣式

原因：

1.CSS語法簡單，格式統一，簡化了程式碼重用的方法，使得頁面邏輯與頁面樣式的設計相分離，更有利於團隊協作。更改起來也更加方便。

2.在靜態（即只需初始化一次，沒有太多複雜的額外操作）的元件樣式設定或者簡單動態響應（如滑鼠移入時的樣式，只需在類名中加“：hover"即可設定）使用CSS更方便

示例：

 //原始檔：test.java

  Circle circle = new Circle(100,100,50);

  circle.getStyleClass().add("test-circle")；

…………(這後面就是circle對應的邏輯程式碼）

//以上就是原始檔中的程式碼



  //css檔案：test.css

.test-circle{

  -fx-fill:white;

 -fx-stroke:black;

 -fx-stroke-width:1;

}

//以上是常規情況下circle的樣式

.test-circle:hover{

  -fx-fill:blue;

 -fx-stroke:red;

 -fx-stroke-width:10;

}

//stage.java

scene.getStylesheets().add("test/test.css");

//對應的scene匯入這個css檔案即可
 

以上是滑鼠進入後的樣式，滑鼠移出後自動切換為第一種樣式，即通過一個：hover實現了setOnMouseEntered和setOnMouseExited兩個處理樣式的事件繫結

這樣，遇到介面樣式需要更改的情況時，完全不需要檢視test.java檔案，只需要改test.css檔案，其他人也完全不需要看到非樣式設定的程式碼