mxmlに外部CSSを適用させる

以下、FlashDevelopにて作業を行いました。

1.新規プロジェクトを作成します。

Project => New Project... => Flex 3 Project

2. mxmlの内容を記述します。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Style source="styles.css"/>
    <mx:Label text="Hello World"/>
</mx:Application>

3. cssファイルを新規に作成します。

View => Project Manager でプロジェクトマネージャペインを表示します。
'src'フォルダを右クリックして、Add => New CSS File... と選択。


内容はこんな感じ。

Application {background-color:#FFF;}
Label {
    font-size : 30pt
}

4. cssファイルを保存します。

FlashDevelopにおいてmxmlが該当cssを紐付けられたように表現されます。

5. TestMovieを実行します。


cssが適用されました。