探索 Flex 和 CSS 的强大功能

核心提示： 在 Web 设计界，CSS 是一种标准，探索 Flex 和 CSS 的强大功能(2)，用来封装组成 Web 站点的代码，考虑到 CSS 的功能和成熟性， 维护样式：组件与样式属性在开始创建 Flex CSS 样式表之前，我建议您首先考虑您想要如何实现样式，很多有经验的 Web 设计人员都力求用

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

Flex 内的 CSS

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

维护样式：组件与样式属性

在开始创建 Flex CSS 样式表之前，我建议您首先考虑您想要如何实现样式。出于简单性的考虑，我向您展示了四种声明样式的基本方法：