读书人

v5_03 在CSS资料中定义样式

发布时间: 2012-10-09 10:21:45 作者: rapoo

v5_03 在CSS文件中定义样式
v5_03 Defining styles in CSS 在CSS文件中定义样式?ex5_03这部分主要讲如何通过使用设计模式来定义一些通用样式,从而来进一步增强应用程序如何为Flex框架组件和自己的定制组件定义CSS样式?对于Spark来说,CSS主要有三种应用场景1.为一个应用程序定义一些整体属性2.为组件装配皮肤3.为能够运用高级CSS选择器?1.使用外观可以进行界面调整同时可以看到产生的css文件

/* CSS file */@namespace s "library://ns.adobe.com/flex/spark";@namespace mx "library://ns.adobe.com/flex/mx";global{font-family: Verdana;font-size: 10;}
???2.选择器管道,以下样式适用于spark的panel如果多个同名选择器中有不同的属性,这些属性都可以被应用如果有相同的属性,最后一个选择器的属性会被应用<!--WizRtf2Html Charset=0 -->
s|Panel{backgroundColor: #E8E8E8;} s|Button{color: #0074AA;}s|Button{color: #000000;}s|Button{font-family:"Arial";} 
??3.自定义命名空间可以使用@命名空间指令来创建不念旧恶自定义命名空间通过引用命名空间和自定义的组件名称并在两者之间带上一个管道字符,可以应用该自定义的组件选择器
/* CSS file */@namespace s "library://ns.adobe.com/flex/spark";@namespace mx "library://ns.adobe.com/flex/mx";@namespace cx "components.*"; 
?以上在Spark MX命名空间下面使用了 @命名空间语法创建了命名空间cx,该cx命名空间引用了在组件文件夹中的自定义组件
cx|MonthlyEvents{color: #000000;} 
??

读书人网 >CSS

热点推荐