JavaFX如何处理CSS样式？

JavaFX提供了内置的支持来处理CSS样式，它是用来为JavaFX应用程序提供统一外观的一种方式。CSS（层叠样式表）允许开发者使用一种类似HTML的标准语法来定义UI组件的外观，包括颜色、字体、布局等。

在JavaFX中，你可以通过以下步骤应用CSS：

1. **添加样式文件**：首先，你需要创建一个`.css`文件，里面包含你要应用到所有元素的样式规则。例如，你可以创建一个名为`styles.css`的文件。

file:///path/to/your/styles.css

2. **加载CSS**：在你的JavaFX Application的start()方法中，使用`Application.getOrCreatePrimaryStage().getScene().getStylesheets()`属性或`setStyleSheets()`方法来加载这个CSS文件。

public class YourApp extends Application {
    @Override
    public void start(Stage primaryStage) {
        // 加载CSS
        URL cssUrl = getClass().getResource("styles.css");
        if (cssUrl != null) {
            primaryStage.getScene().getStylesheets().add(cssUrl.toString());
        }

        // ... 其他布局和组件设置
    }
}

3. **应用CSS到控件**：在你的Fxml场景文件中，你可以直接为节点应用CSS类名，或者在Java代码里使用`lookup()`或`lookupAll()`方法找到特定类型的控件并调用`getStyleClass()`方法添加类名。

<!-- FXML -->
<Button fx:id="myButton" styleClass="custom-button">Click me</Button>

// 或者 Java
Node buttonNode = FXMLLoader.load(getClass().getResource("your.fxml"));
buttonNode.getStyleClass().add("custom-button");

4. **编写CSS规则**：在`.css`文件中，你可以定义如下的规则来改变组件的外观：

.custom-button {
    -fx-background-color: #ff0000;
    -fx-text-fill: white;
    -fx-font-size: 16px;
    /* 更多其他样式的设置 */
}