14.1.1  創(chuàng)建樣式

JavaFX會(huì)自動(dòng)識(shí)別任何一個(gè)帶有名稱的節(jié)點(diǎn)所創(chuàng)建的CSS樣式類。例如，如果要?jiǎng)?chuàng)建一個(gè)應(yīng)用到所有Label(標(biāo)簽)節(jié)點(diǎn)的CSS類，那么可以創(chuàng)建一個(gè)名為.label的樣式類?，F(xiàn)在開始創(chuàng)建一個(gè).label類并將在隨后的腳本中使用它。

.label{

}

在這個(gè)類中，可以把Label節(jié)點(diǎn)的字體顏色變?yōu)榧t色，并將字體設(shè)置為14磅Courier字體。要改變字體和字體顏色，就需要在樣式類中增添正確的屬性。幸運(yùn)的是，JavaFX也能識(shí)別那些直接訪問Node屬性的CSS樣式屬性。

Label節(jié)點(diǎn)中用來改變一個(gè)標(biāo)簽字體顏色的屬性是textFill。要從CSS中訪問這個(gè)屬性，需要添加“-fx-”作為前綴，并使用連字符(-)分割每個(gè)單詞。樣式聲明如下所示：

.label{

-fx-text-fill: red;

}

這個(gè)樣式指出所有Label節(jié)點(diǎn)都將textFill屬性設(shè)置成RED。下面將為Label節(jié)點(diǎn)創(chuàng)建更多的聲明，然后把這個(gè)樣式表應(yīng)用到一個(gè)腳本中。

使用-fx-font樣式來改變Label節(jié)點(diǎn)的字體如下所示：

.label{

-fx-text-fill: red;

-fx-font: bold 14pt "Courier";

}