层级式样式表(Sascading Style Sheet,简称:CSS样式表)是
用于控制网页内容外观的格式规则集合。即可以分段式格式化文本内容。借此重新定义HTML的标记属性。或者选择性的对某部分内容进行美化。
使用CSS样式格式化文本字段的步骤如下:
1、使用DW或者记事本,先建立一个CSS文本
文件。
2、在FLASH中,使用TextField.StyleSheet类导入外部的CSS文件。
3、将导入的CSS样式表分配给所在添加属性的内容。
建立CSS文件,例如:
.head{
fontsize:18px;
color:#ff0000;
}
使用的时候。用<span class='head'>需要添加内容</span>来格式化。
FLASH所支持的CSS属性:
FLASH并不像HTML那样,支持几乎所有的CSS属性。而只支持部分CSS标签。比如,在HTML里,可以添加某部分内容的背景颜色或者背景图片,也可以设置文本
超级链接的下划线样式。但在FLASH中,却不支持。
FLASH所支持的CSS属性如下:
text-align:left right center
设置文本对齐方式。左、右、中。
font-size:12px;
这个简单,设置文本字体大小。px或者pt;
text-decoration:
设置文本是否有下划线。text-decoration:underline;或者text-decoration:none;
margin-right:0px
设置右边留白,仅支持像素或者点。即上面的px或者pt;
font-weight:bold/normal
设置字体粗细:粗或者正常。
font-style:normal/italic
设置文本样式,正常或者斜体。
text-indent:0px;
设置文本缩排,px/pt;
font-family:新宋体,宋体,serif;
将字体用","隔开。
color:#ff0000;
设置文本颜色。
display
设置是否以及如何呈现指定的元素。
none:不显示元素;
inline:该元素将和前后元素显示同一行;
block;前后加上换行
效果。显示在不同一行。
演示:
新建一个css文件:
引用:
a:link{
color:#0000ff;
text-decoration:underline;
}
a:hover{
color:#ff0000;
text-decoration:none;
}
p{
color:#000000;
font-family:新宋体,宋体,serif;
font-size:14px;
}
.head{
text-align:center;
color:#ff6600;
font-family:黑休,sans-serif;
font-size:24px;
font-weight:bold;
}
.Title{
color:#ff6600;
font-weight:bold;
}
在FLASH中添加动态文本框“my_Text”.
加入如下代码:
引用:
/*---------- http://www.taoshaw.com -----------------*/
//设置边框宽度为1PX;
my_Text.border = 1;
//让FLASH中的动态文本框支持HTML语法,这一点很重要。这是AS控制文本。也可以在场景中设置。
my_Text.html = true;
//设置边框颜色,注意,此处的用法:0xxxxxxx的形式,不同于普通HTML里的#ffffff类似的方法;
my_Text.borderColor = 0xCCCCCC;
//定义一个CSS类
var my_css=new TextField.StyleSheet();
//添加一个变量
var my_Str:String="<p><span class='head'>欢迎光临淘沙网</span></p><br><p>这里主要发布原创FLASH教程,以及平时的一些生活琐事。以及色彩搭配研究。欢迎大家记住本站网址哦。(<a href='http://www.taoshaw.com' target='_blank'>http://www.taoshaw.com</a>)</p><br><p>5.12四川<span class='Title'>汶川县</span>发生特大地震,给我们带来了万分悲痛。<span class='Title'>希望大家能伸出援助之手</span>。向灾区捐献自己的一份力量。</p>"
my_css.load("http://www.taoshaw.com/taoshaw/study/Flash_Html/index.css");
//判断是否加载成功,(这一步很重要)
my_css.onLoad=function(ok:Boolean):Void{
if(ok){
//定义样式
my_Text.styleSheet=my_css;
//定义动态文本的内容为上面的字符串
my_Text.htmlText = my_Str;
}else{
my_Text.text="加载CSS失败!"
}
}
//AD
ad_text.border = 0;
ad_text.html = true;
ad_text.htmlText = "<a href='http://www.taoshaw.com ' target='_blank'>淘沙网原创教程系列:http://www.taoshaw.com</a>";
my_btn_url.onRelease = function():Void {
getURL("http://www.taoshaw.com", target="_blank");
};
/*---------- http://www.taoshaw.com -----------------*/