第一: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 {
……
}
就是隐藏display:none
当前显示的设置为display:block
一般使用脚本实现
比如你要隐藏的元素为<div id="info1"></div>
要显示的元素为<div id="info2"></div>
假设使用jquery控制
代码为以下两句:
$("#info1").hide()
$("#info2").show()