JavaFX CSS

• Что такое CSS стиль и класс?

---

## Что такое CSS стиль и класс? > Описание концепции CSS стилей.

CSS это система, которая позволяет менять внешний вид ваших программ, это похоже на систему скинов, где скин описывается текстом с определенными правилами. Если вы знакомы с web технологиями, то вам это знакомо.

В develnext применяются css стили для скинирования программ, правда немного видоизмененные, с дополнительными возможностями.

CSS стиль описывается в файле или в свойстве каждого компонента. Он имеет следующий синтаксис:

-fx-font-size: 11px;
-fx-font-weight: bold;

Т.е. у нас идет набор свойств -fx-font-size и -fx-font-weight, а после двоиточия следует их значения.

Описание стилей в файле

Для описания стилей в файле нужно использовать специальные метки CSS классы, их можно задавать в свойстве каждого визуального объекта, у каждого объекта может быть несколько css классов. Синтаксис css файла таков:

.fantasy-button {
   -fx-font-size: 11px;
   -fx-font-weight: bold;
}

fantasy-button это имя css класса, которое указывается у объектов. Этот стиль будет действовать на все объекты, у которых есть css класс fantasy-button, обратите внимание на точку в начале в css файле, она обязательная только в css файле, указывать ее у объектов НЕ НУЖНО!

Префикс FX

Если вы не заметили, то все свойства начинаются с префикса -fx-, это особенность платформы. Все свойства всегда начинаются с этого префикса. Это префикс вендора платформы JavaFX, просто запомните это.

Это также означает, что некоторые свойства имеют иную логику работы отличающуюся от веба, а некоторые свойства вообще отсутствуют в вебе, например -fx-text-fill.