本文和大家重點學習一下Flex3中應用CSS完全詳解手冊，主要介紹一下在Flex中使用樣式方法，這里從五個方面向大家介紹，相信通過本文的介紹你對在Flex中使用樣式方法有明確的認識。

Flex3中應用CSS完全詳解手冊

編輯完這個Flex下的CSS說明后，我基本已經兵臨崩潰邊緣了。這些天在AIRIA下了不少好東西，今天終于有空，也發一個比較不錯的東西給大家，相信都比較需要這個Flex下的CSS使用方法的詳細說明（好像我這份還不夠詳細，望大家補充）。

AIRIA真的是一個不錯的網站，很高興在這里認識大家。

在Flex中使用樣式方法

一、使用本地樣式定義

使用<mx:Style>標簽在MXML文件中創建本地的樣式定義。這個標簽包含了符合CSS2.0語法的樣式表定義。

這些定義會應用到當前文檔以及當前文檔的子文檔。

<mx:style> 
 
.solidBorder{//類選擇樣式  
 
border-style:solid;  
 
}  
 
button{//組件定義樣式  
 
border-style:solid;  
 
}  
 
....  
 
</mx:style> 
 
//應用到組件  
 
<mx:VBoxstyleNamemx:VBoxstyleName="solidBorder"/> 
 
<mx:button/>//文檔中的button自動應用樣式表中的樣式  
 

 二、使用外部樣式表

Flex支持外部CSS樣式表。要應用一個樣式表到當前文檔和子文檔，使用<mx:Style>標簽中的source屬性。

<mx:Application...> 
 
<mx:Stylesourcemx:Stylesource="style/style.css"/>//載入外部樣式表  
 
...  
 
</mx:Application> 

style.css文件中的樣式表定義與本地樣式定義相同。

三、使用內聯樣式

可以像設定組件的屬性一樣在MXML標簽中設定樣式屬性。Flex內聯樣式的優先級高于本地樣式和外部樣式。

<mx:buttonborderStyle="solid">//設定樣式屬性

四、使用setStyle()方法

Flex可以在ActionScript中使用方法來操作組件的樣式屬性。使用setStyle()方法的優先級是最高的。

<mx:Application...> 
 
<mx:Script> 
 
<![CDATA[privatefunctiominitButton():void{myButton.setStyle("paddingTop",12);myButton.setStyle("paddingBottom",12);}]]> 
 
</mx:Script> 
 
<mx:Buttonidmx:Buttonid="myButton"initialize="initButton();">//組件初始化時調用設定樣式的  
 

 五、腳本方法

</mx:Application>各組件對應的樣式屬性

themeColor主題顏色：如果對色彩樣式配置不想過多的去設置的話，themeColor是一個選擇。它可以讓你選擇一種基本色彩，然后組件的邊框，外觀等色彩將會以此色彩為基礎構成一組缺省的樣式，組件均可使用此樣式屬性。
 

【編輯推薦】

1. 解析Flex4的十大變化
2. Flex3到Flex4的轉變新特性值得關注
3. 解析對AdobeFlex的十大誤解
4. FlexBuilder3.0與Eclipse3.4的完美結合
5. 學習Flex時必須要知道的10件事情