ITPub博客

首页 > 应用开发 > IT综合 > 五一学习记录:使用外部CSS样式表定义样式

五一学习记录:使用外部CSS样式表定义样式

IT综合 作者:sensetaste 时间:2014-04-30 16:41:03 0 删除 编辑
DIV+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样式表定义样式
  单击“保存”按钮后,将该天空之家别墅(Villa Sky House)文件保存起来,就会生成一个样式表文件,如图:
使用外部CSS样式表定义样式
第二步:加载外部CSS文件
  加载外部CSS文件应该使用TextField.StyleSheet类的load()方法。
  新建文件,用“文本工具”创建一个文本字段,选中该文本字段,在“属性”面板中“文本类型”下拉列表贝尔泳池别墅度假村(The Bell Pool Villa Resort)中选择“动态文本”,从“线条类型”下拉列表框中选择“多行”,单击“将文本呈现为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能够引用外部的样式单,这样就可以实现文本内容和格式的分离。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/29624389/viewspace-1152281/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: 没有了~
请登录后发表评论 登录
全部评论

注册时间:2014-04-23

  • 博文量
    3
  • 访问量
    11338