第一：css3下载字体，代码如下
@font-face
{
font-family:
'自己命名字体名字'
src:
url('字体路径')
src:
url('FileName.eot?#iefix')
format('embedded-opentype'),
/*其它格式*/
url('FileName.woff')
format('woff'),
url('FileName.ttf')
format('truetype'),
url('FileName.svg#FontName')
format('svg')
font-style:
normal
font-weight:
normal
/*设置默认样式*/
}
.aa{font-family:"自己命名字体名字"}
不兼容ie8及以下浏览器
第二：切png图片
如Alert弹出窗口的旋转特效css中
@namespace
s
"library://ns.adobe.com/flex/spark"
@namespace
mx
"library://ns.adobe.com/flex/mx"
mx|Alert
{
fontFamily:
VerdanaEmbedded
creationCompleteEffect:
myEffect
}
mxml中
<fx:Style
source="css/style.css"
/>
<fx:Declarations>
<mx:Sequence
id="myEffect">
<mx:Parallel>
<mx:Zoom
/>
<mx:Fade
/>
</mx:Parallel>
<mx:Rotate
/>
</mx:Sequence>
</fx:Declarations>
这样弹出窗口时就有了旋转特效
如果只是改样式的话有以下几种
直接改写默认控件样式
mx|button{
……
}
对指定控件增加样式，#后为控件ID
mx|Button#check{
……
}
或直接指定ID
#haloButton
{
base-color:#0000ff
}
通过状态定义样式
s|Button:down
{
color:#33CC33
}
增加控件样式，用styleName+"样式名"的方式应用于控件
.myButton{
……
}
增加子样式
mx|TabNavigator{
firstTabStyleName:
"MyFirstTab"
}
.MyTabs
{
……
}
可以代替JavaScript的css特效有很多，比如说通过伪类:hover、:actived等实现触发效果，动画效果可以用animation属性，对图像处理可以transform、filter等
