這篇文章給大家分享的是有關Flex中如何使用Flex樣式的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創新互聯建站是一家集網站建設,南陵企業網站建設,南陵品牌網站建設,網站定制,南陵網站建設報價,網絡營銷,網絡優化,南陵網站推廣為一體的創新建站企業，幫助傳統企業提升企業形象加強企業競爭力。可充分滿足這一群體相比中小企業更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們為更多的企業打造出實用型網站。

Flex中使用Flex樣式

Flex所支持的Flex樣式比Flash要豐富，Flex樣式定義的方法也很多。這也是Flex比Flash要強大、適合網頁開發的地方之一。

Flex樣式定義類型

1.外部Flex樣式表

Flex會調用全局Flex樣式表global.css，該全局Flex樣式表由flex-config.xml定義，如：

/WEB-INF/flex/global.cssglobal-css-url>

系統默認的Flex樣式表文件global.css文件其實沒有任何Flex樣式定義，我們可以手動添加全局Flex樣式，也可以更改默認的全局Flex樣式文件路徑。如，把全局Flex樣式文件該為：

/css/styles.cssglobal-css-url>

在這里順便提一點，定義外部css文件的時候，顏色Flex樣式有四種定義方式：

1:.myclass{fillColor:#6666CC}//16進制顏色格式
2:.myclass{borderColor:rgb(77%,22%,0%)}//RGB顏色格式
3:.myclass{errorColor:rgb(0,255,0)}//10進制RGB顏色格式
4:.myclass{color:Blue}//VGA顏色名稱格式

2.本地Flex樣式定義

使用來定義當前文件的Flex樣式
下面的例子定義了myFontStyle子類Flex樣式，要使用對應的Flex樣式可以在組件中使用styleName屬性來應用Flex樣式。

1.  2..myFontStyle{fontSize:15}   3.mx:Style>  4.

下面的Flex樣式則定義了所有Button組件的Flex樣式，使用該方式定義的Flex樣式在使用的時候不需要指定Flex樣式名。

1.  2.Button{fontSize:15}   3.mx:Style>  4.

3.內嵌Flex樣式定義

對個別需要特殊處理的組件，可以使用下面的方式進行內嵌Flex樣式定義

4.使用腳本Flex樣式定義

這種方法使用了Flash傳統的AS腳本方式來定義Flex樣式，具有更強大的靈活性，并且可以使用StyleManager類以及getStyle()和setStyle()方法，如下所示：

1.  2.  10.mx:Script>

如果三種Flex樣式定義方式同時使用的話，優先級別從高到低依次為：內嵌式Flex樣式>本地Flex樣式定義(腳本Flex樣式定義)>外部Flex樣式定義

特殊Flex樣式定義

在進行Flex樣式定義的時候，我們需要注意幾種Flex特殊的Flex樣式定義

1.全局Flex樣式定義

對所有未被定義的控制組件應用globalFlex樣式

1.global{   2.fontSize:22;   3.textDecoration:underline;   4.}

2.應用程序Flex樣式定義

Application標記是Flex的根標記，ApplicationFlex樣式用來定義未被定義的容器以及子容器的Flex樣式

1.Application{   2.marginLeft:0px;   3.marginRight:0px;   4.marginTop:0px;   5.marginBottom:0px;   6.horizontalAlign:'left';   7.}

感謝各位的閱讀！關于“Flex中如何使用Flex樣式”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！