1. Flex 样式定义：
在 Flex 中，样式是通过 MXML 或 ActionScript 来定义的。样式通常与组件直接关联，并且可以在组件的标签中或通过样式选择器进行设置。
在 MXML 中定义样式：
<s:Button label="Click Me" styleName="myButtonStyle" />
在 ActionScript 中定义样式：
myButton.setStyle("fontSize", 16);
2. 样式选择器：
Flex 使用样式选择器来定位要应用样式的组件。与 CSS 不同，Flex 的样式选择器使用特殊的语法。
类型选择器：
s|Button {
fontSize: 14;
}
类选择器：
.myButtonStyle {
fontSize: 14;
}
3. 样式表：
在 Flex 中，可以使用 <s:Style> 标签定义样式表。样式表将样式选择器与具体的样式规则关联起来。
<s:Style>
<!-- 类型选择器 -->
@namespace s "library://ns.adobe.com/flex/spark";
s|Button {
fontSize: 14;
}
<!-- 类选择器 -->
.myButtonStyle {
color: #FF0000;
}
</s:Style>
4. 层叠样式表（Cascading Style Sheets）：
Flex 样式也支持层叠的概念，即子组件可以继承父组件的样式，但在子组件上可以覆盖或增补样式。
5. Flex 样式的限制：
Flex 样式的定义和使用是相对独立的，不如 CSS 那样灵活。在某些方面，Flex 样式系统更加面向组件的设计，而不是全局样式。
总的来说，虽然 Flex 样式与传统的 CSS 有一些区别，但其基本原理和目的相似，都是用于控制应用程序中组件的外观和行为。如果你熟悉 CSS，学习和使用 Flex 样式应该相对容易。
转载请注明出处：http://www.zyzy.cn/article/detail/10775/Flex