本文和大家重點討論一下Flex如何使用層級樣式表（CSS），F(xiàn)lex使用層級樣式表標(biāo)準(zhǔn)來保證用戶界面的一致性，并使應(yīng)用更易于維護，就像在HTML中一樣，你可以在應(yīng)用中嵌入一個指向外部樣式表，或在特定的標(biāo)記元素下將某種風(fēng)格定義為其屬性。

成都創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的港南網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

Flex使用層級樣式表（CSS）

Flex使用層級樣式表標(biāo)準(zhǔn)來保證用戶界面的一致性，并使應(yīng)用更易于維護。就像在HTML中一樣，你可以在應(yīng)用中嵌入一個指向外部樣式表，或在特定的標(biāo)記元素下將某種風(fēng)格定義為其屬性。樣式表還允許定義字體。所需字體定義內(nèi)嵌于應(yīng)用的字節(jié)碼中，即使用戶的機器上沒有這樣的字體，也能被正確的渲染出來。

下面是一個名為main.css的外部樣式表。

 
 
 
 

  
  
  
  
@font-face{  
  
  
  
  
 
  
  
  
  
src:url("LucidaSansRegular.ttf");  
  
  
  
  
 
  
  
  
  
font-family:mainFont;  
  
  
  
  
 
  
  
  
  
}  
  
  
  
  
 
  
  
  
  
.error{  
  
  
  
  
 
  
  
  
  
color:#FF0000;  
  
  
  
  
 
  
  
  
  
font-size:12;  
  
  
  
  
 
  
  
  
  
}  
  
  
  
  
 
  
  
  
  
.title{  
  
  
  
  
 
  
  
  
  
font-family:mainFontBold;  
  
  
  
  
 
  
  
  
  
font-size:18;  
  
  
  
  
 
  
  
  
  
}  
  
  
  
  
　  
  
  
  
  
TextArea{  
  
  
  
  
 
  
  
  
  
backgroundColor:#EEF5EE;  
  
  
  
  
 
  
  
  
  
}  
  
  
  
  
 
 
 
 
 

 下面的例子通過使用標(biāo)簽聲明了一個外部樣式表，并對不同的控件使用了不同的樣式。

 
 
 
 

  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
ThisisaTextArea  
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
 
 
 
 

 圖5.使用外部樣式表的應(yīng)用

【編輯推薦】

1. 兩大方式實現(xiàn)Flex設(shè)置瀏覽器標(biāo)題 
2. FlexBuilder4十大新特性閃亮登場
3. FlexSDK4新特性中的主題 布局和樣式
4. 揭開Flex正則表達式的神秘面紗
5. 技術(shù)分享 在Flex中嵌入Flex字體的步驟

網(wǎng)頁標(biāo)題：解析Flex中外部樣式表的使用
文章鏈接：http://uogjgqi.cn/article/cdhohee.html