你的位置:| 首页网站建设使用外部CSS样式表定义样式→文章正文  
文章导航

使用外部CSS样式表定义样式

用户可以在外部CSS文件中定义样式,然后将该文件加载到要应用样式表的对象上。我们把它分成四步来实现。
第一步:创建外部CSS文件
  使用外部CSS文件前,首先必须先创建一个CSS文件。
  打开记事本,然后在其中输入样式定义代码:
.title {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #993300;
 text-align: center;
 text-decoration: underline;
}
.Content {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #003399;
}
  此样式表定义了两个自定义样式title和Content,输入代码后的记事本窗口如图:
使用外部CSS样式表定义样式
  选择菜单命令“文件”|“另存为”,在弹出的“另存为”对话框中选择文件类型为“所有文件”,然后修改文件名为style.css,如图:
使用外部CSS样式表定义样式
  单击“保存”按钮后,将该文件保存起来,就会生成一个样式表文件,如图:
使用外部CSS样式表定义样式
第二步:加载外部CSS文件
  加载外部CSS文件应该使用TextField.StyleSheet类的load()方法。
  新建文件,用“文本工具”创建一个文本字段,选中该文本字段,在“属性”面板中“文本类型”下拉列表中选择“动态文本”,从“线条类型”下拉列表框中选择“多行”,单击“将文本呈现为HTML”按钮,在“实例名称”文本框中键入news_txt,如图:
使用外部CSS样式表定义样式
  选中时间轴的第1帧,在“动作”面板的脚本窗格中输入以下代码:
使用外部CSS样式表定义样式
第三步:应用样式表对象
  载入样式表后,若要将样式表应用于文本字段,基本语法结构如下:
textfieldname.styleSheet=styleSheetname;
  因此要在文本字段news_txt上应用样式表mystyles,应在第1帧上添加以下代码:
news_txt.styleSheet=mystyles;
第四步:使用class属性
  当文本字段应用了样式表对象后,要反映到具体的文本中,还要使用class属性来应用样式。为此在第一帧上添加如下代码:
news_txt.styleSheet = mystyles;
var storyText:String = "

使用外部样式单

Flash Player能够引用外部的样式单,这样就可以实现文本内容和格式的分离。

";
news_txt.text = storyText;
  class属性的作用是通知浏览器,在

之间的文字格式应该以名称为class的自定义样式来进行格式化。
  最终第1帧上的代码如图:
使用外部CSS样式表定义样式
  运行后的效果如图:
使用外部CSS样式表定义样式

 

  上一页 1 2 3 4 5 下一页