加载外部 CSS 文件

您可以在外部 CSS 文件中定义样式，然后将该文件加载到样式表对象中。在 CSS 文件中定义的样式会被添加到样式表对象中。若要加载外部 CSS 文件，请使用 TextField.StyleSheet 类的
load() 方法。若要确定 CSS 文件何时完成加载，请使用样式表对象的 onLoad 事件处理函数。

在下面的示例中，您将创建并加载一个外部 CSS 文件并使用
TextField.StyleSheet.getStyleNames() 方法检索所加载样式的名称。

加载外部样式表：

在喜欢使用的文本或 XML 编辑器中，创建一个文件。

将以下样式定义添加到该文件中：

// 文件名：styles.css
bodyText {
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
}

headline {  
  font-family:Arial,Helvetica,sans-serif;
  font-size:24px;
}

将该 CSS 文件另存为 styles.css。
在 Flash 中，创建一个 FLA 文档。
在时间轴（“窗口”>“时间轴”）中，选择“图层 1”。
打开“动作”面板（“窗口”>“开发面板”>“动作”）。

将以下代码添加到“动作”面板中：

var css_styles = new TextField.StyleSheet();
css_styles.load("styles.css");
css_styles.onLoad = function(ok) {
  if (ok) {
    // 显示样式名称
    trace(this.getStyleNames());
  } else {
    trace("Error loading CSS file.");
  }
}

将该文件保存到包含 styles.css 的同一个目录中。
测试影片（“控制”>“测试影片”）。
您应该看到两个样式的名称显示在“输出”面板中：
```
body
headLine
```
如果看到“输出”面板中显示“加载 CSS 文件出错”，则确保 FLA 文件和 CSS 文件在同一个目录中并且您正确键入了 CSS 文件的名称。

对于通过网络加载数据的所有其它动作脚本方法，CSS 文件必须与加载文件的 SWF 文件驻留在同一个域中。（请参见关于允许跨域数据加载。）