CSS美化界面[精].ppt

第17章 CSS美化界面 CSS标准最早应用于网页开发中，使得程序开发和界面开发分离。Flex也支持使用CSS。CSS由于其简单、方便的优点，逐渐成了Flex应用程序美化界面的最重要方法。本章将为读者介绍CSS的语法及Flex中如何使用CSS美化界面。 17.1 CSS简介 CSS是一种层叠样式表，可以有效地对布局、字体、颜色、背景和其它效果进行精确的控制。 属性名和属性值之间以“:”符分隔。不同属性名间以“;”符分隔。以下代码定义了两个样式“.myFontStyle”、“.myButton”。 一个常见的CSS定义包括样式名、属性、属性值。对于特殊的需求，需要其他语法支持，如单位、规则等。下面将详细介绍CSS语法。 17.2 样式名 样式名是CSS定义的第一个元素，指明此CSS定义的名称。其他程序调用CSS样式时以样式名为准，所以在同一CSS文件中不能有同名的样式名。样式名可分为默认样式名、自定义样式名、分组样式名。 17.2.1 默认样式名 默认样式名是指此样式名与Flex组件的名称相同。例如，CSS文件中定义了一个名为“Button”的样式，此样式名与Flex中的按钮组件同名。 默认样式名的主要特点是“一改全改”，即定义默认样式后，Flex组件中相关的组件都使用此样式。这样就能保证同一应用程序中组件的风格是统一的。 17.2.2 自定义样式名 自定义样式名是指此样式是特殊的，用以定制一个或若干个组件界面。 自定义样式以“.”符开头，指明此样式为自定义的样式，后接样式名称。 自定义样式主要用于对某一个或某几个组件使用特殊的样式。 17.2.3 分组样式名 若某几种样式的定义内容完全相同，可使用分组样式。这样可使得CSS代码更简洁。 需要注意的是，分组样式中的不同样式都使用相同的定义。不同样式名之间以“,”分隔。 17.3 属性 CSS中的属性非常丰富，按用途大致可分为字体、文本、背景等17类。本节将为读者详细介绍各种属性。 17.3.1 字体（Font） 字体类属性主要用于定义字体样式。 17.3.2 文本（Text） 文本类属性主要用于定义文本样式，是CSS属性中最复杂的部分。 17.3.3 背景（Background） 背景类属性主要用于定义背景样式。 17.3.4 定位（Positioning） 定位类属性主要用于定位。 17.3.5 尺寸（Dimensions） 尺寸类属性主要用于定义尺寸。 17.3.6 布局（Layout） 布局类属性主要用于定义布局。 17.3.7 外补丁（Margins） 外补丁类属性主要用于定义外补丁。 17.3.8 边框（Borders） 边框类属性主要用于定义边框样式。 17.3.9 内补丁（Paddings） 内补丁类属性主要用于定义内补丁。 17.3.10 列表（Lists） 列表类属性主要用于定义列表样式。 17.3.11 表格（Table） 表格类属性主要用于定义表格样式。 17.3.12 滚动条（Scrollbar） 滚动条类属性主要用于定义滚动条样式。 17.3.13 打印（Printing） 打印类属性主要用于定义打印样式。 17.3.14 声音（Aural） 声音类属性主要用于定义声音样式。 17.4 单位 CSS语法中单位是最基础的元素。CSS中定义了长度、颜色、角度、时间、频率五大类计量单位。本小节将为读者介绍每类计量单位。 17.4.1 长度（Length） CSS标准中长度单位包括相对长度单位和绝对长度单位。 17.4.2 颜色（Color） 1．十六进制表示法 2．RGB模型表示法 3．英文名称表示法。 17.4.3 角度（Angle） CSS标准中角度单位有deg、grad、rad 3种。 117.4.4 时间（Time）和频率（Frequency） CSS标准中时间单位有s（秒）、ms（毫秒）两种。1s=1000ms。CSS标准中频率单位有HZ（赫兹）、kHZ（千赫）两种。HZ和kHZ都是声波的基本单位。1kHz=1000Hz。 17.5 规则 规则是CSS标准中为使用特殊设备而定义的方法。CSS中规则都以“@”开头。本小节将为读者介绍常用的几种规则。 17.5.1 导入外部样式表@import @import规则用以指定导入的外部样式表及目标设备类型。 此规则其后的分号是必需的。如果省略了此分号，外部样式表将无法正确导入，并会生成错误信息。 “url(导入路径)”、设备类型都是可选的，但不能两者都默认。 导入的外部样式表中的定义会被程序中的样式定义覆盖。 17.5.2 指定字符集@charset @charset规则用以指定该样式表使用的字符集。 此规则无默认值。 此规则只能定义在外部样式表文件