Flex3中应用CSS样式完全详解

本文和大家重点讨论一下Flex3中应用CSS完全详解，比如说使用本地样式定义，使用标签在MXML文件中创建本地的样式定义。这个标签包含了符合CSS2.0语法的样式表定义。

Flex3中应用CSS完全详解

在Flex3中使用样式方法

一、使用本地样式定义

使用标签在MXML文件中创建本地的样式定义。这个标签包含了符合CSS2.0语法的样式表定义。这些定义会应用到当前文档以及当前文档的子文档。

 
 
 

  
  
  
 
  
  
  
 
  
  
  
.solidBorder{//类选择样式  
  
  
  
 
  
  
  
border-style:solid;  
  
  
  
 
  
  
  
}  
  
  
  
 
  
  
  
button{//组件定义样式  
  
  
  
 
  
  
  
border-style:solid;  
  
  
  
 
  
  
  
}  
  
  
  
....  
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
//应用到组件  
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
//文档中的button自动应用样式表中的样式  
  
  
  
 
 
 
 

 二、使用外部样式表

Flex3支持外部CSS样式表。要应用一个样式表到当前文档和子文档，使用标签中的source属性。

 
 
 

  
  
  
 
  
  
  
 
  
  
  
//载入外部样式表  
  
  
  
 
  
  
  
...  
  
  
  
 
  
  
  
 
  
  
  
 
 
 
 

 style.css文件中的样式表定义与本地样式定义相同。

三、使用内联样式

可以像设定组件的属性一样在MXML标签中设定样式属性。内联样式的优先级高于本地样式和外部样式。

 
 
 

  
  
  
//设定样式属性 
 
 
 

四、使用setStyle()方法

可以在ActionScript中使用方法来操作组件的样式属性。使用setStyle()方法的优先级是***的。

 
 
 

  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
//组件初始化时调用设定样式的  
  
  
  
 
 
 
 

本文标题：Flex3中应用CSS样式完全详解
分享链接：http://www.shufengxianlan.com/qtweb/news1/437451.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联