v5_03 在CSS资料中定义样式
日期：2014-05-17 浏览次数：20699 次
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;
}
??
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
