javafx css怎么使用 请具体说明并给出例子

当使用JavaFX开发应用程序时，你可以使用CSS样式来自定义控件的外观。以下是一些具体的说明和例子，以帮助你开始使用JavaFX的CSS：

1. 创建CSS文件：首先，你需要创建一个CSS文件，通常以`.css`为扩展名。你可以在项目的资源目录中创建一个新的CSS文件，例如`styles.css`。

2. 导入CSS文件：在JavaFX应用程序的代码中，你需要导入CSS文件。通常，你可以通过`Scene`对象的`getStylesheets()`方法来导入CSS文件。例如：

   Scene scene = new Scene(root);
   scene.getStylesheets().add(getClass().getResource("styles.css").toExternalForm());

这将导入名为`styles.css`的CSS文件。

3. 选择器和属性：在CSS文件中，你可以使用选择器来选择要应用样式的控件，并使用属性来指定样式。以下是一些常用的选择器和属性：

- 选择器：可以选择控件的类型、ID、类或伪类等。
- 根据类型选择：`.button`, `.label`, `.textfield`
- 根据ID选择：`#myButton`, `#myLabel`, `#myTextField`
- 根据类选择：`.primary`, `.error`, `.custom`
- 根据伪类选择：`:hover`, `:disabled`, `:focused`

- 属性：可以设置控件的外观样式。
- 背景颜色：`-fx-background-color: red;`
- 文本颜色：`-fx-text-fill: white;`
- 字体大小：`-fx-font-size: 14px;`
- 边框样式：`-fx-border-color: black; -fx-border-width: 1px;`

以下是一个简单的示例，演示如何使用CSS样式来自定义一个按钮的外观：

   .my-button {
       -fx-background-color: blue;
       -fx-text-fill: white;
       -fx-font-size: 16px;
       -fx-pref-width: 100px;
       -fx-pref-height: 40px;
   }

在JavaFX代码中，你可以将该CSS样式应用于一个按钮：

   Button button = new Button("Click me");
   button.getStyleClass().add("my-button");

这将使按钮的背景颜色为蓝色，文本颜色为白色，并设置了其他样式属性。

希望这些说明和示例能帮助你开始使用JavaFX的CSS样式。如果你有其他问题，请随时向我提问。