第一：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图片
<style>.div1{
width:265px
height:445px
border:1px solid black
background:url("
) no-repeat left top
}
.div2{
display:none
width:265px
height:50px
background:rgba(123,56,29,0.5)
}
.div1:hover .div2{
display:block
}
</style>
<body>
<div class="div1">
<div class="div2">
RMB：95元<br>
已售：0件
</div>
</div>
</body>
方法以列，具体样式自己搞定；
如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
{
……
}
