Flex中外部樣式表怎么用

這篇文章主要為大家展示了“Flex中外部樣式表怎么用”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“Flex中外部樣式表怎么用”這篇文章吧。

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;   }

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

<?xmlversionxmlversion="1.0"encoding="iso-8859-1"?>  <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.macromedia.com/2003/mxml">  <mx:stylesrcmx:stylesrc="main.css"/>  <mx:LabelstyleNamemx:LabelstyleName="error"text="Thisisanerror"/>  <mx:LabelstyleNamemx:LabelstyleName="title"text="Thisisatitle"/>  <mx:TextAreawidthmx:TextAreawidth="200"height="100"wordWrap="true">  ThisisaTextArea   </mx:TextArea>  </mx:Application>

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

以上是“Flex中外部樣式表怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！