flex设置样式的几种方式

• 使用本地样式定义

<fx:Style>
   @namespace mx "library://ns.adobe.com/flex/halo";
   @namespace s "library://ns.adobe.com/flex/spark";
   .solidBorder{ border-style:solid;}
   #solidBorderPaddedVertically{
    padding-top:12;
    padding-bottom:12;
    border-style:solid;
   }
</fx:Style>

• 使用外部样式表

<fx:Style source="external.css"/>

• 使用内联样式

可以像设定组件的属性一样在MXML标签中设定样式属性。内联样式的优先级高于本地样式和外部样式。例如：

<:Button id="myButton" fontSize="15" label="My Button"/>

• 使用 setStyle() 方法

可以在ActionScript中使用方法来操作组件的样式属性。使用setStyle()方法的优先级是最高的。

setStyle() 方法采用两个参数: 样式名称和样式值。

<fx:Script>
   <![CDATA[
    private function initVbox():void
    {
     box2.setStyle("paddingTop",12);
     box2.setStyle("paddingBottom",12);
     box2.setStyle("borderStyle","solid");
    }
   ]]>
</fx:Script>