美图齐众专注资阳网站设计 资阳网站制作 资阳网站建设
资阳网站建设公司服务热线：028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后，网站问题一站解决

Flex3中应用CSS样式完全详解

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

Flex3中应用CSS完全详解

在Flex3中使用样式方法

一、使用本地样式定义

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3. .solidBorder{//类选择样式  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5. border-style:solid;  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7. }  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9. button{//组件定义样式  
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11. border-style:solid;  
    12. 
  
  
  
  12.  
    13. 
  
  
  
  13. }  
    14. 
  
  
  
  14. ....  
    15. 
  
  
  
  15.  
    16. 
  
  
  
  16.  
    17. 
  
  
  
  17.  
    18. 
  
  
  
  18. //应用到组件  
    19. 
  
  
  
  19.  
    20. 
  
  
  
  20.  
    21. 
  
  
  
  21.  
    22. 
  
  
  
  22. //文档中的button自动应用样式表中的样式  
    23. 
  
  
  
  23.  
    24.

 二、使用外部样式表

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3. //载入外部样式表  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5. ...  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8.  
    9.

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

三、使用内联样式

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

 
 
 
    
  
  
  
  1. //设定样式属性 
    2.

四、使用setStyle()方法

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

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9. //组件初始化时调用设定样式的  
    10. 
  
  
  
  10.  
    11.

当前名称：Flex3中应用CSS样式完全详解
转载源于：http://www.zsjierui.cn/article/ccscdhj.html

其他资讯