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>