在ActionScript 3.0中使用CSS

在ActionScript 3.0中使用CSS

熟悉网站前端开发的朋友一定对Cascading Style Sheet（层叠样式表）并不陌生，InsideRIA的特约作者Jesse Freeman最近放出了他编写的AS3类库：F*CSS,这个类库允许你在AS3页面中使用CSS来设置类的属性，因此可以将一部分代码转化为CSS Selector，从而达到优化代码结构的目的。
需要注意的是使用F*CSS类于在Flex中使用CSS定义组件样式有着很大的不同：

• F*CSS不依赖于Flex
• F*CSS定义的CSS其实本质上是对属性的直接赋值
• F*CSS本质上可以应用于任何类型，不仅仅是UI组件

使用F*CSS定义CSS的基本方式如下：

var css:XML = <css><![CDATA[
baseStyle demoStyle
{
         autoSize: left;
         border: true;
         border-color: red;
         color: red;
         size: 30px;
         x: 50px;
         y: 50px;
}
]]>
</css>;