^{<noscript id="sr6th"></noscript>}

9.3.嵌入CSS樣式

2024-07-11 07:46:09

字體：大中小

來源：轉載

供稿：網友

9.3.1.問題
你想在你的程序中利用CSS 為組件嵌入使用樣式。
9.3.2.解決辦法
在本地定義中定義樣式，或者利用<mx:Style>標簽的source 屬性從外部文件中嵌入使用CSS規則。
9.3.3.討論
樣式可以在編譯時通過多種方式嵌入進你的Flex 程序。這一訣竅講述利用CSS 語法定義嵌入在你程序中的樣式。在Flex 中運用CSS,你可以做到以下內容：
? 在MXML 文件的<mx:Style>標簽內聲明本地樣式。
? 設置<mx:Style> 標簽的source 屬性為外部樣式表單。
下面的例子在主程序內局部聲明兩個類樣式，這些樣式應用于程序顯示的Label 實例：

-XML

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical">
<mx:Style>
.header {
font-family: 'Arial';
font-size: 15px;
font-weight: 'bold';
color: #FFFFFF;
}
.message {
font-family: 'Arial';
font-size: 12px;
color: #336699;
}
</mx:Style>
<mx:Label text="I have a header style!" styleName="header" />
<mx:Text text="I have a message style!" styleName="message" />
</mx:Application>