Javafx是一種基于Java的圖形化應用程序框架，它提供了許多優秀的功能，其中之一是CSS布局。CSS布局是指使用CSS樣式表來布置界面元素的位置和外觀。在Javafx中，我們可以使用CSS樣式表來處理UI組件的默認樣式和布局。

要使用CSS布局，我們需要首先創建一個樣式表文件。代碼如下：

.root {
-fx-background-color: #B3B3B3;
}
.label {
-fx-font-size: 16px;
-fx-text-fill: #FFFFFF;
}
.button {
-fx-background-color: #A9A9A9;
-fx-text-fill: #FFFFFF;
-fx-font-size: 16px;
}

在這個樣式表中，我們定義了三個類，它們分別是.root、.label 和 .button。.root 類是一個特殊的類，用于為整個應用程序界面指定默認樣式。在這個例子中，我們為 .root 類設置了一個灰色的背景顏色。.label 類是用于調整標簽控件的樣式，我們為它指定了字體大小和標簽文字的顏色。.button 類用于調整按鈕控件的樣式，我們設置了它的背景顏色、字體顏色和字體大小。

一旦樣式表被創建后，我們就可以將其應用于界面元素。我們需要將樣式表加載到Scene中，將其應用于根容器。代碼如下：

// Creating a Scene
Scene scene = new Scene(root, 400, 300);
scene.getStylesheets().add("css/layout.css");

這里我們首先創建了一個Scene實例，并指定了其寬度和高度。然后將要應用的樣式表文件名添加到了樣式表列表中。可以在樣式表文件名的位置指定CSS文件的相對或絕對路徑。

最后，在Scene中包括了一個根節點——root，我們需要將樣式表應用于它。代碼如下：

// Applying Stylesheet to Root
root.getStyleClass().add("root");

這里我們簡單地將 .root 類添加到了root的樣式類中，這樣樣式表中定義的樣式就會被應用到根容器中了。

在Javafx中，CSS布局是一種非常強大的界面設計工具。通過定義樣式表，我們可以輕松地修改UI組件的樣式和布局，從而讓我們的應用程序看起來更加美觀和易用。