首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > flex >

四种宣言Flex CSS样式的基本方法

2012-10-29 
四种声明Flex CSS样式的基本方法本文向大家介绍一下Flex CSS样式的概念,对于具有Web设计背景的人,最为重要

四种声明Flex CSS样式的基本方法
      本文向大家介绍一下Flex CSS样式的概念,对于具有Web设计背景的人,最为重要的是要理解Flex CSS样式并不遵循与W3C CSS规定相同的约定。

      本文和大家重点学习一下Flex CSS样式的属性,在开始创建Flex CSS样式表之前,我建议您首先考虑您想要如何实现样式。出于简单性的考虑,我向您展示了四种声明样式的基本方法。

      Flex内的CSS

      首先,对于具有Web设计背景的人,最为重要的是要理解Flex CSS样式并不遵循与W3CCSS规定相同的约定。在W3CCSS版本2.0中被用来分离单词的连字符(-)并未用作Flex实现内的代码约定的一部分。相反,CSS的Flex实现使用了驼峰式大小写。比如,W3CCSS2规范内的vertical-center对等于FlexCSS内的 verticalCenter。

      如果您已经在使用了驼峰式大小写的编程语言内进行过编程,那么,这非常容易习惯。好的消息是CSS2.0规范内可用的大部分内容在FlexCSS实现内也可用。并且,CSS的Flex实现是在CSS2.0W3C标准上的显著扩展,提供了额外的、对Flex组件惟一的样式属性。

      维护样式:组件与Flex CSS样式属性

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

      ◆通过组件的类名。通过将组件的类名作为样式名来设置组件的样式:

   1. Button.altCornersButton           2. {           3.  cornerRadius:8;            4. } 

     

热点排行