探索Flex和CSS的强大功能-css flex

本文和大家重点讨论一下Flex和CSS的强大功能，本文提供了在Flex内开始使用CSS所需的信息，也提供了在使用Flex设计和开发用户界面时加速工作流的提示和技巧。

探索Flex和CSS的强大功能

利用已经构建到Adobe®Flex™框架内的CSS的强大功能。本文提供了在Flex内开始使用CSS所需的信息，也提供了在使用Flex设计和开发用户界面时加速工作流的提示和技巧。

◆Flex最为强大的特性之一是其包含的极大的设计灵活性。这些灵活性大部分可归功于Adobe用Flex实现CSS。以我为例，我最近为一个新的AdobeAIR™应用程序担任高级UI设计员，在我向全球160,000个用户正式发布***个公开发布版的若干天前，我收到了大量设计更改请求。虽然很多开发人员都会将这些***一分钟的请求看作是让人头痛的事，我却能在不足20分钟内完成这些更改并将其放入版本控制，而这完全得益于Flex和CSS的强大功能。

我将CSS与Flex的使用看作是UI开发内的一种利用形式。通过我在UI开发中积累的经验，我已经学会了为一些必然性做预期和准备。其中一个必然性是不管您在之前做了什么样的计划，项目的设计与功能需求都会在整个开发周期内随时发生变化。这是基于团队环境做大规模应用程序开发时的游戏规则，要在游戏中取胜，***的方法就是预先判断出所有玩家的动向，然后再提前相应做好自己的定位。学会了灵活使用这个开发技巧后，您就可以立于不败之地，那时再去击打一个移动目标就变得轻松多了。Flex的性能，比如与CSS的集成，恰巧可以让您这么做，正是因为这一点，我才迷上了用Flex进行开发。

我的目标是在您读完本文后，您也能够通过Flex去充分利用CSS的强大功能，并能作为一名精通FlexUI的开发者战无不胜。如果您已经是一个Flex爱好者，那么我希望您能通过本文学会新的通过Flex使用CSS的技巧—特别是对于企业级应用程序。

为何要使用CSS？

大多数面向对象的设计模式都将设计逻辑与行为功能分离开来。由于AdobeActionScript™是一种面向对象的语言，因此它也就自然而然地要遵守这些面向对象的编程（OOP）约定。这么做的好处包括灵活性、保持应用程序易于维护、代码重用和更好的性能。

在Web设计界，CSS是一种标准，用来封装组成Web站点的代码。考虑到CSS的功能和成熟性，很多有经验的Web设计人员都力求用CSS实现Web站点的设计和布局属性。其结果是可以获得对站点观感的更多的控制和更好的灵活性。CSS在三、四年前就已经十分流行，那时候Web开发人员开始意识到如果Web站点的设计能够独立于该站点的行为功能，那么站点的设计在不破坏或者不会对该站点的行为代码产生负面影响的同时，可以很容易地被修改。这也推动了模板的迅速发展、对相同代码库的皮肤设置以及重新进行皮肤设置。比如，我热衷于为我的博客网站使用WordPress。有成千上万的人都在使用相同的开源代码库来支撑其博客站点，而很多时候，您遇到的站点都是构建在WordPress之上的，而您却往往察觉不到这一点，这完全得益于其通过使用CSS对代码和设计进行的成功分离。

Flex内的CSS

首先，对于具有Web设计背景的人，最为重要的是要理解FlexCSS并不遵循与W3CCSS规定相同的约定。在W3CCSS版本2.0中被用来分离单词的连字符（-）并未用作Flex实现内的代码约定的一部分。相反，CSS的Flex实现使用了驼峰式大小写。比如，W3CCSS2规范内的vertical-center对等于FlexCSS内的verticalCenter。如果您已经在使用了驼峰式大小写的编程语言内进行过编程，那么，这非常容易习惯。好的消息是CSS2.0规范内可用的大部分内容在FlexCSS实现内也可用。并且，CSS的Flex实现是在CSS2.0W3C标准上的显著扩展，提供了额外的、对Flex组件惟一的样式属性。

【编辑推荐】