14.1.1 創(chuàng)建樣式
JavaFX會自動識別任何一個帶有名稱的節(jié)點所創(chuàng)建的CSS樣式類。例如,如果要創(chuàng)建一個應(yīng)用到所有Label(標(biāo)簽)節(jié)點的CSS類,那么可以創(chuàng)建一個名為.label的樣式類?,F(xiàn)在開始創(chuàng)建一個.label類并將在隨后的腳本中使用它。
.label{
}
在這個類中,可以把Label節(jié)點的字體顏色變?yōu)榧t色,并將字體設(shè)置為14磅Courier字體。要改變字體和字體顏色,就需要在樣式類中增添正確的屬性。幸運的是,JavaFX也能識別那些直接訪問Node屬性的CSS樣式屬性。
Label節(jié)點中用來改變一個標(biāo)簽字體顏色的屬性是textFill。要從CSS中訪問這個屬性,需要添加“-fx-”作為前綴,并使用連字符(-)分割每個單詞。樣式聲明如下所示:
.label{
-fx-text-fill: red;
}
這個樣式指出所有Label節(jié)點都將textFill屬性設(shè)置成RED。下面將為Label節(jié)點創(chuàng)建更多的聲明,然后把這個樣式表應(yīng)用到一個腳本中。
使用-fx-font樣式來改變Label節(jié)點的字體如下所示:
.label{
-fx-text-fill: red;
-fx-font: bold 14pt "Courier";
}