14.1.1 创建样式
JavaFX会自动识别任何一个带有名称的节点所创建的CSS样式类。例如,如果要创建一个应用到所有Label(标签)节点的CSS类,那么可以创建一个名为.label的样式类。现在开始创建一个.label类并将在随后的脚本中使用它。
.label{
}
在这个类中,可以把Label节点的字体颜色变为红色,并将字体设置为14磅Courier字体。要改变字体和字体颜色,就需要在样式类中增添正确的属性。幸运的是,JavaFX也能识别那些直接访问Node属性的CSS样式属性。
Label节点中用来改变一个标签字体颜色的属性是textFill。要从CSS中访问这个属性,需要添加“-fx-”作为前缀,并使用连字符(-)分割每个单词。样式声明如下所示:
.label{
-fx-text-fill: red;
}
这个样式指出所有Label节点都将textFill属性设置成RED。下面将为Label节点创建更多的声明,然后把这个样式表应用到一个脚本中。
使用-fx-font样式来改变Label节点的字体如下所示:
.label{
-fx-text-fill: red;
-fx-font: bold 14pt "Courier";
}