将CSS转换为JavaFXCSS

我有一个web应用程序，为此我们有CSS。我们正在将UI移植到JavaFX，并打算将其样式设置为与web应用程序上的样式完全相同的样式。我试着加载用于此web项目的CSS，但是样式没有得到反映。 经过一点搜索，我发现Oracle已经创建了一个叫做JavaFXCSS的东西，它类似于CSS，但不完全是CSS

我想了解的是：是否有一些简单的方法可以将我的（web）CSS转换为JavaFXCSS

将我的（web）CSS转换为JavaFXCSS的一些简单方法

此任务没有自动转换器。我建议您使用一点CSS，并尝试手动转换它

您可以使用分析工具（如）来帮助完成此任务

执行转换时，请参阅

如果您在JavaFX和htmlcss文件之间转换元素或属性时遇到特殊问题，请发布有关这些转换困难的新问题

我们正在将UI移植到JavaFx，并打算将其样式设置为与Web应用程序上的样式完全相同的样式

如果你有很多CSS，那就有点棘手了。JavaFXCSS与基于web的HTML CSS不同。JavaFXCSS文件与HTMLCSS共享一种通用的语法格式，但JavaFX中的所有CSS属性都不同于HTMLCSS中的属性

HTML CSS可以指定要由HTML呈现引擎呈现的布局属性。JavaFX布局和呈现引擎的工作方式与HTML不同，因此基于HTML CSS的布局说明符在任何JavaFX CSS、JavaFX代码或FXML定义的布局管理器中都没有直接的等价物

尽管如此，JavaFXCSS还是非常灵活。很多东西都类似于HTML css（如区域背景和颜色说明符），因此可以在合理的时间内将HTML css的要点转换为JavaFX css，并且精度可以接受，前提是您对这两种css形式都非常熟练。只是不要期望JavaFX应用程序和web应用程序的外观或行为完全相同

Oracle创建了一种叫做JavaFXCSS的东西，它类似于CSS，但并不完全是CSS

就语法和文件格式而言，JavaFXCSS实际上就是CSS。JavaFX中使用的CSS遵循W3CCSS的所有基本原则

W3CCSS是您在问题中称之为纯CSS或（web）CSS的。这些扩展中有很多甚至在主流浏览器中都没有得到很好的支持

考虑在应用程序的某些部分使用WebView

与将整个应用程序从HTML移植到JavaFX不同，您可能希望将部分应用程序保留在HTML中，并将应用程序的其他部分移植到JavaFX控件

JavaFX包含一个可以轻松嵌入JavaFX应用程序的组件。WebView可以准确地呈现HTML，并且可以解析和理解W3CCSS。您可以使用一些现有的CSS和HTML来设计和呈现JavaFX应用程序的某些部分

因为JavaFX CSS和W3C CSS共享一种通用的文件格式，所以您甚至可以将JavaFX CSS样式和W3C CSS样式放在同一个CSS文件中，JavaFX和WebView运行时将足够聪明，可以在呈现其特定组件时应用适当的样式

另请参见