网站服务器放在哪里好,网站建设的需求是什么意思,wordpress选项卡插件,亮点网络科技有限公司1.global 选择器将样式应用于所有控件 在 Flash Builder 中创建新MXML 文件并切换到设计模式 属性视图右侧的外观视图可更改外观 Flash Builder 自动创建CSS 文件 CSS 文件有2 个命名空间#xff1a; s 指 Spark 组件 mx 指 MX 组件 1. Global 与Application 选择器 global …1.global 选择器将样式应用于所有控件 在 Flash Builder 中创建新MXML 文件并切换到设计模式 属性视图右侧的外观视图可更改外观 Flash Builder 自动创建CSS 文件 CSS 文件有2 个命名空间 § s 指 Spark 组件 § mx 指 MX 组件 1. Global 与Application 选择器 global {color: #009900; fontSize: 12; } Application 选择器 § 应用程序容器是Flex 应用程序中最上面的容器 § 应用于 Application 容器的所有样式也都应用于其所有子容器和子类 § 所有 Spark 样式都是可继承的 § 任何 Spark 样式都可以使用Application 选择器来应用 § 一些 MX 样式是不可继承的 § 使用 Application 选择器应用可继承的MX 样式 s|Application {color: #FFFF00; fontWeight: bold; fontFamily: Arial; fontSize: 22; } mx|Application {color: #FF0000; fontWeight: bold; fontFamily: Verdana; fontSize: 18; }2.定义组件的外观和样式 CSS 在styleName 属性中支持多个类选择器类选择器列表使用空格分隔 namespace s library://ns.adobe.com/flex/spark; namespace mx library://ns.adobe.com/flex/halo; s|Button.redText {color:#FF0000; } s|Button.fontType {font-family:Courier; } s:Button labelSend Email styleNameredText fontType/ 3.自定义组件选择器 CSS 支持自定义命名空间(其中com.mycompany为自定义组件的包路径) namespace comp com.mycompany.*; 通过 CSS 应用组件外观 mx|Menu { skin: ClassReference(null);/*把預設skin設為null*/ skinClass:ClassReference(com.MenuStyle); } package com { import flash.display.GradientType; import flash.display.SpreadMethod; import flash.filters.DropShadowFilter; import flash.geom.Matrix; import mx.skins.halo.HaloBorder; public class MenuStyle extends HaloBorder { public function MenuStyle() { super(); } override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void { super.updateDisplayList(unscaledWidth,unscaledHeight); var dropShadow:DropShadowFilter new DropShadowFilter(); dropShadow.color0x000000; //设置投影 dropShadow.alpha0.25; //阴影颜色的 Alpha 透明度值。 dropShadow.blurX0; //水平模糊量。 dropShadow.blurY10; //重置模糊量 dropShadow.angle90; //阴影的角度。 dropShadow.distance4; //阴影的偏移距离以像素为单位。 filters[dropShadow]; var w:Number this.width; var h:Number this.height; var fillType:String GradientType.LINEAR; //渐变类型--直线 var color:Array [0xE2E2E3,0xFFFFFF]; //渐变颜色 var alphas:Array [80,100]; //colors 数组中对应颜色的 alpha 值数组 var ratios:Array [0xE2, 0xFF]; var matr:Matrix new Matrix(); matr.createGradientBox(22,22,0,0,0); var spreadMethod:String SpreadMethod.PAD; graphics.beginGradientFill(fillType,color,alphas,ratios,matr,spreadMethod); graphics.drawRect(0,0,w,h); graphics.endFill(); } } } 高级CSS 选择器 派生选择器 派生选择器支持派生的多选择器在下列代码中color 属性将仅影响Panel 容器中的 Button 控件 Panel Button { color: #CCCCCC; } 在下列代码中fontSize 属性将仅影响ViewStack 容器位于Panel 容器中中的Label 控件 Panel ViewStack Label { fontSize: 12; } id 选择器 CSS id 选择器匹配满足一种id 条件的组件 id 选择器与组件的具体实例绑定 声明 id 条件的 CSS 语法使用# 作为 id 的前缀 #submitButton { color: #CCCCCC; } 通过在特定组件上设置id 属性满足 id 条件 s:Button idsubmitButton / 不可以将id选择器与其他选择器组合使用 Panel Button#submitButton { color: #999999; } 具有id选择器的id Button#submitButton { color: #999999; } 类选择器 类选择器定义样式或类集可将它们应用于任何组件 在 CSS 中首先创建类选择器并定义其样式 .header { color: #CCCCCC; } 然后使用styleName 属性应用样式无需对MXML 组件使用前导点 s:Panel styleNameheader s:Label textEmployee Information / /s:Panel 类选择器可与组件选择器组合使用 s|Panel.header { color: #FF0000; } 类选择器可应用于多个组件 伪选择器 CSS 伪选择器根据其它条件匹配组件 条件可以是动态的 条件可能不能被文档树定义 只有在指定的状态中才能使用伪选择器将样式应用于组件 namespace s library://ns.adobe.com/flex/spark; namespace mx library://ns.adobe.com/flex/halo; s|Button:up { color: #FFFFFF; chromeColor: #555555; } 可以定义通用的伪选择器 :up { color:#FF9933; } s|Button:up { color: #FFFFFF; chromeColor: #555555; } s|Button:over { color: #000000; chromeColor: #D9E028; } s|Button:down { color:white; chromeColor: black; }转载于:https://www.cnblogs.com/ddw1997/p/3392270.html
