《Flash 完全手册》独家网上连载
第6章 文字对象
6.5 使用CSS
6.5.1 CSS基础
1．CSS介绍
层叠样式表是创建应用于 HTML或XML文档的文本样式的机制。一个样式表由样式规则组成，这些规则将指定如何对 HTML 或 XML 元素进行格式设置。每个规则的组成都包括一个选择符，通常是一个HTML元素， 例如BODY，P等；或者是和该选择符所接受的样式。样式规则的组成如下：
选择符 { 属性： 值 }
如果是单一选择符的多样式声明应该用“分号”隔开：
选择符 { 属性1： 值1； 属性2： 值2 }
例如，以下样式定义名为bodyText的选择器：
bodyText { font-size：24px}
|
//定义名bodyText选择器的文字大小属性为24像素
|
另外单一选择符可以拥有不同的类(class)，因而允许同一元素有不同的样式。例如，下面用不同的颜色，文本大小显示文本：
wenben.one { color： #ff0000；
font-size：24px；}
|
//定义wenben元素的one类，其显示文本颜色为红色，大小为24像素
|
wenben.two { color： #0000ff；
font-size：36px；}
|
//定义wenben元素的two类，其显示文本颜色为蓝色，大小为36像素
|
以上创建了两个类，one和two，它们用于文本的方法需要通过HTML标签来实现，比如p，li等，如下：
<p class="one">This is <span
class="two">css!</span></p>
|
//使用one，two类格式文本
|
如果类前面没有添加具体元素，如下：
.note { font-size： 18px }
|
//定义note类
|
在这里，名为note的类将可以被用于任何元素。下面来介绍Flash Player所支持的CSS属性。
2．支持的CSS属性
一个属性被指定到选择器里是为了使用它的样式。属性包括颜色、边界和字体等。表6-1显示了Flash Player所支持的 CSS 属性和值，以及它们所对应的动作脚本属性名称。
表6-1 支持的CSS属性
CSS属性 |
动作脚本属性 |
用法和支持的值 |
text-align
|
textAlign
|
设置文本的对齐样式，可以设置的值为left、center 和 right，分别表示居左，居中，居右。
|
font-size
|
fontSize
|
设置文本的大小，只使用该值的数字部分，不分析单位（px、pt）。
|
text-decoration
|
textDecoration
|
可以识别的值包括 none 和 underline，表示是否添加下划线。
|
margin-left
|
marginLeft
|
在左侧距离左端的距离，只使用该值的数字部分。不分析单位（px、pt）。
|
margin-right
|
marginRight
|
在右侧距离右端的距离，同上只使用该值的数字部分，不分析单位（px、pt）。
|
font-weight
|
fontWeight
|
设置文本是否为粗体，可以识别的值包括 normal和bold。
|
font-style
|
fontStyle
|
设置文本是否为斜体，可以识别的值包括normal和italic。
|
text-indent
|
textIndent
|
首行缩进，只使用该值的数字部分，不分析单位（px、pt）。
|
font-family
|
fontFamily
|
用逗号分隔的供使用字体的列表，按需求降序排列。如果缺少前面的字体，用后面字体代替。可以使用任何字体系列名称。如果指定通用字体名称，则它将转换为相应的设备字体。支持以下字体转换：mono 转换为 _typewriter、sans-serif 转换为 _sans 以及 serif 转换为 _serif。 |
