ActionScript 3.0 Step By Step系列(九)：使用样式(style)和皮肤(Skin)两大画笔为应用程序界面画妆

核心提示：样式和主题在我们传统的WEB开发(如ASP.NET)中是使用非常频繁的，至于好处嘛我就不多说了，ActionScript 3.0 Step By Step系列(九)：使用样式(style)和皮肤(Skin)两大画笔为应用程序界面画妆，在Flex开发中，同样有样式和主题的概念，二、使用<mx:Style>标签

样式和主题在我们传统的WEB开发(如ASP.NET)中是使用非常频繁的，至于好处嘛我就不多说了。在Flex开发中，同样有样式和主题的概念，且样式文件的扩展名也是.css，其主要功能就是美化程序界面。

本文作为《ActionScript 3.0 Step By Step系列文章》的最后一篇，样式和主题皮肤这些其实也没有什么地方好讲的，我相信只要是从事过Web开发的朋友，对不会对它很陌生。所以本文不着重介绍样式的详细开发，更多的是介绍样式在Flex开发中的开发方式、应用方式以及使用Adobe Flex Builder这样强大的开发环境所提供的样式生成器去生成样式等相关知识点。最后将介绍下怎么将一个外部皮肤引入项目中应用。

上图为通过设计界面设计出来的界面原图，没有经过任何处理，我们可以发现字体太小，颜色为黑色。OK，下面我们通过这个简单的示例逐步的来看看Flex下的样式的应用。

一、使用<mx:Style>标签定义局部样式

1　　<mx:Style>
2　　　Panel
3　　　{
4　　　　　font-size:12;
5　　　　　color:red;
6　　　　}
7　　</mx:Style>

如上通过<mx:Style>标签定义了一个样式Panel直接嵌入在mxml里，针对当前mxml下的所有Panel标签，设置其里面的字体大小为12，颜色为红色。

二、使用<mx:Style>标签引入外部样式表

<mx:Style>标签出了定义样式，也可以将一个外部的样式表文件引入，如上样式我们可将其定义在一个样式表文件（default.css）里，如下所示：