第一：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图片
文本虚拟化效果可以通过css的text-shadow来实现。text-shadow语法:
text-shadow
：
none
|
none
|
[
,
]
*
或none
|
[,
]*
也就是：
text-shadow:[颜色(Color)
x轴(X
Offset)
y轴(Y
Offset)
模糊半径(Blur)],[颜色(color)
x轴(X
Offset)
y轴(Y
Offset)
模糊半径(Blur)]...
或者
text-shadow:[x轴(X
Offset)
y轴(Y
Offset)
模糊半径(Blur)
颜色(Color)],[x轴(X
Offset)
y轴(Y
Offset)
模糊半径(Blur)
颜色(Color)].
例子：
.demo
{background:
#666666width:
440pxpadding:
30px
font:
bold
55px/100%
"微软雅黑",
"Lucida
Grande",
"Lucida
Sans",
Helvetica,
Arial,
Sanscolor:
#ffftext-transform:
uppercase}
如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
{
……
}
