javafx css 魔法玩转

首先来看下javafx css是什么东西:官网的解释

JavaFX Cascading Style Sheets (CSS) is based on the W3C CSS version 2.1 [1] with some additions from current work on version 3 [2]. JavaFX CSS also has some extensions to CSS in support of specific JavaFX features. The goal for JavaFX CSS is to allow web developers already familiar with CSS for HTML to use CSS to customize and develop themes for JavaFX controls and scene graph objects in a natural way. The JavaFX CSS support and extensions have been designed to allow JavaFX CSS style sheets to be parsed cleanly by any compliant CSS parser, even though it might not support JavaFX extensions. This enables the mixing of CSS styles for JavaFX and for other purposes (such as for HTML pages) into a single style sheet. To this end, all JavaFX property names have been prefixed with a vendor extension of "-fx-". Even properties that might seem to be compatible with standard HTML CSS have been prefixed, because JavaFX has somewhat different semantics for their values.

就是说你原来写网站app的那套css不适用。

不能用width,height,float

在我实际的优化当中,我是用padding来设置的

至于块元素的位置 我让java开发人员用坐标设置,前端无能为力。

前端块状元素他是直接给你弄好了。

来看下

Accordion
Button
ButtonBase
Cell
CheckBox
CheckMenuItem
ChoiceBox
ColorPicker
ComboBox
Control
Hyperlink
IndexedCell
Label
Labeled
ListCell
ListView
Menu
MenuBar
MenuButton
MenuItem
MenuItemBase
Pagination
PasswordField
ProgressBar
ProgressIndicator
RadioButton
RadioMenuItem
ScrollBar
ScrollPane
Separator
Slider
SplitMenuButton
SplitPane
TabPane
TableView
TextArea
TextInputControl
TextField
TitledPane
ToggleButton
ToolBar
Tooltip
TreeCell
TreeView

  他的样式设置方式有fx定义的,其实就是封装的。

javafx css有集成了css3 / css2 但是css3的动画属性一个都不支持

有一个属性就是

box-shadow

时间: 2024-10-16 05:07:12

javafx css 魔法玩转的相关文章

css如何玩转有序无序列表项list样式

在无序列表ul>li中,无线列表的标志是出现在各列表前面的圆点.在有序列表ol>li中,前面默认带有数字,如何修改列表前面的项目符号,只需要通过list-style调整就好,常见的符号有(/*内容注释部分*/)list-style-type:circle;/*空心圆*/list-style:none;/*去除标志*/list-style:square;/*方块*/list-style:upper-roman;/*罗马数字*/list-style:lower-alpha;/*list-style

CSS 魔法系列:纯 CSS 绘制三角形(各种角度)

Triangle Up 1 2 3 4 5 6 7 #triangle-up {     width: 0;     height: 0;     border-left: 50px solid transparent;     border-right: 50px solid transparent;     border-bottom: 100px solid red; } Triangle Down 1 2 3 4 5 6 7 #triangle-down {     width: 0;

一些css魔法

超出隐藏点点显示: 1.一行超出隐藏点点显示 width: 100%; overflow: hidden; white-space: nowrap; //不允许换行 text-overflow: ellipsis; 2.多行最后一行超出隐藏点点显示 width: 100%; display: -webkit-box; -webkit-line-clamp: 3; //盒子模型属性,设置最大行数 -webkit-box-orient: vertical; overflow: hidden; 上下左

css如何玩转a链接状态和改变列表样式

a是HTML语言标签.a标签定义超链接,用于从一个页面链接到另一个页面.a元素最重要的属性是 href 属性,它指定链接的目标.在HTML中标签<a></a> 或者大写字母A .其中的a(或者 A) 是 anchor 的缩写 .anchor ['æ?k?] 基本解释是.:锚, 铁锚 的.这些标签的作用是标明超连接的起始位置或目的位置.<a> 标签可定义锚.锚 (anchor) 有两种用法:通过使用 href 属性,创建指向另外一个文档的链接(或超链接)通过使用 name

CSS动效集锦,视觉魔法的碰撞与融合(二) - 知乎

原文:CSS动效集锦,视觉魔法的碰撞与融合(二) - 知乎 引言 长久以来,我认识到.CSS,是存在极限的.正如曾经替你扛下一切的那个男人,也总有他眼含热泪地拼上一切,却也无法帮你做到的事情,他只能困窘地让你看到他的无能为力,怅然若失. 然后和曾经他成长的时代,做一一告别. CSS有他难以做到的事情,我们帮他用lottie解决 CSS有他可以做到的事情,我们用我们的头脑帮他解决 本文实现的CSS效果一览 标题吸顶 手写箭头 文字背景 圆形天坑 按钮波澜 动态方形 加载骨架 多行省略 标题吸顶 s

javafx之CSS初探

javaFX 可以通过css来设计界面.javafx中的css只是w3c css2.1规范的一个扩展和子集,并不完全支持所有的css特性. javafx中的css元素必须有-fx-前缀. 一.介绍 java8中新增了javafx.css开放了css相关api. 选择器分类: Type选择器:通过Node的getTypeSelector可以获取 id选择器:通过设定id=属性(注意这里的id不是fx:id) styleClass属性: styleClass可以使用class选择器 选择器命名规范:

基情四射的两个css样式

自定义blog样式时,代码段的line-height继承样式post的line-height,间隔太大了,决定再减小点,css都玩了几年了,感觉中这是很容易的事情.然后,就悲剧了好久,原先自定义样式表为 .headermaintitle { font-family:"华文行楷",Verdana,Arial,Helvetica,sans-serif; font-size:50px; } .headerDis { font-family:"华文行楷",Verdana,A

JavaFX学习之路:详细解释JavaFX架构和框架

JavaFX 2.0平台是基于Java技术的富client平台.它使应用程序开发人员更加easy的开发和部署跨平台的富互联网应用(RIA).JavaFX 2.0文档包括了JavaFX 2.0所提供的功能的概述. 图1描写叙述了JavaFX 2.0平台的架构组件.后面的部分将对每个组件进行逐一的描写叙述. 在JavaFX通用API的以下是用来执行JavaFX代码的引擎.这个引擎包含以下子组件:JavaFX高性能图形引擎(Prism);新的更小但更有效率的窗口系统(Glass);媒体引擎和Web引擎

精通CSS高级Web解决方案(第2版)——读书笔记

CSS Mastery Advanced Web Standards Solutions Second Edition Author:Andy Budd I have been addicted to reading this book for a few days.It is just like chatting with a wise man.The feeling is so great.     ^ .^ I strongly recommend you read this book.