Flex动态使用CSS

原创 2007年10月04日 14:49:00

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" >
 <mx:Panel x="110" y="152" width="416" height="300" layout="absolute">
  <mx:Label x="86" y="56" text="Label" width="214" height="54"/>
  <mx:Button x="174" y="158" label="Button"/>
 </mx:Panel>
 <mx:Script>
  <![CDATA[
   import mx.styles.StyleManager;
   private function loadStyles(name:String):void{
    StyleManager.loadStyleDeclarations(name);
   }
   
  ]]>
 </mx:Script>
 <mx:RadioButton x="139" y="95" label="red" width="122" click="loadStyles('red_styles.swf')"/>
 <mx:RadioButton x="361" y="95" label="greed" click="loadStyles('green_styles.swf')"/>
 
 
</mx:Application> 

css:1

Panel{
 background-color:#006000;
 border-color:green;
 color:white;
}

css:2

Panel{
 background-color:#600000;
 border-color:red;
 color:white;
}

使用CSS3 Flexbox布局

Flexbox(中文版本可以点击这里)的布局是一个用于页面布局的全新CSS3模块功能。它可以把列表放在同一个方向(从左到右或从上到下排列),并且让这些列表能延伸到占用可用的空间。较为复杂的布局可以通过...
  • flycct
  • flycct
  • 2016年05月25日 18:04
  • 1063

浅撸 css3 flex 布局

css3 flex box css 前端
  • ling369523246
  • ling369523246
  • 2016年02月06日 19:22
  • 3355

css flex布局详解

Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。 flex 就是一种布局方式,类似于 block,inline-blo...
  • Liveinmylife
  • Liveinmylife
  • 2016年07月06日 14:56
  • 1476

详解CSS中flex布局

flex布局详解
  • lzx_victory
  • lzx_victory
  • 2016年11月08日 11:56
  • 1039

CSS3中弹性盒子Flex使用详解

CSS3中提供了弹性盒子flex属性,利用flex我们可以很方便的进行css布局。本文介绍了flex的使用方法,详细的介绍了各个属性的作用,并给出了示例进行说明。...
  • u014607184
  • u014607184
  • 2016年09月24日 22:08
  • 6723

css学习18:css3 flex流动自适应响应式布局实例

上次简要的说了一些css3中flex的相关概念(详细:css学习16:css3 flex流动自适应响应式布局设计),这次继续说下css3的flex,简单的举几个实例。 一、图片自适应居中 实例图...
  • hsany330
  • hsany330
  • 2016年09月13日 14:25
  • 2530

细说css3 flex布局之flex项目属性

在前篇博文中已经详细叙述了flex布局中的容器属性,那么现在就来谈谈flex项目属性那些事······ 以下6个属性是作用在flex项目上的: order flex-grow flex-shrink...
  • QiuDW_01
  • QiuDW_01
  • 2015年07月25日 22:26
  • 2844

纯CSS实现瀑布流布局

瀑布流布局有一个专业的英文名称Masonry Layouts。瀑布流布局已经有好多年的历史了,我最早知道这个名词的时候大约是在2012年,当时Pinterest网站的布局就是使用的这种流式布局,简言之...
  • LuviaWu
  • LuviaWu
  • 2017年04月21日 11:37
  • 2413

CSS3 Flex布局详解与新旧法语对比

CSS Flex 新旧法语对比FlexBox 模型图解老版本的语法定义容器的display属性.box{ display: -moz-box; /*Firefox*/ display:...
  • shenlei19911210
  • shenlei19911210
  • 2016年09月08日 11:24
  • 2630

flex树动态加载

背景:一次加载所有的数据,性能非常低下,所以默认只加载第一层,当点击的时候再去加载下面的孩子数据                           点击后 ------------------...
  • goodleiwei
  • goodleiwei
  • 2013年12月13日 17:46
  • 3786
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Flex动态使用CSS
举报原因:
原因补充:

(最多只允许输入30个字)