xml实例教程5.pptVIP

第五章 层叠样式表CSS2 5.1 CSS2标准新增的功能 5.2 元素的空间定位 5.3 元素列表属性 5.4 浮动框和滚动条的效果设置 5.5 完整的CSS样式表的应用 5.1 CSS2标准新增的功能 5.1.1 CSS2的新增功能 5.1.2 使用CSS2中的新特点 5.1.3 实例5-1 用户登陆界面的制作 5.1.1 CSS2的新增功能 1.媒体类型 2.分页媒体 3.国际化 4.表格 5.可视格式化控制 6.生成的内容 7.有声样式表 1.媒体类型: CSS2定义了10种媒体类型。并为不同的媒体类型指定不同的样式。 2.分页媒体: CSS2控制页面的分页符,并提供标识文档中各页面的方法,以便设计者可格式化打印文档,而不影响文档在屏幕上的外观. 3.国际化 由于全球化的加紧,CSS2增加了对Unicode和双向正文的支持。 4.表格 CSS2增加乐display属性值，实现了把XML元素当作表格的结构来处理，这样有助于对其控制。 5.可视格式化控制 CSS2曾加了更多的格式化属性，以保证组成文档的对象能够实现更精确的控制。 6.生成的内容 当文档在显示时，CSS2可以自动生成计数器、编号系统和列表标记等等。 7.有声样式表 为了适应多媒体技术的发展，CSS2加入了具有语音合成功能的特殊属性。 5.1.2 使用CSS2中的新特点 1.文本属性中的新增功能: 对象元素附加嵌入层设置属性unicode-bidi 文字读入方向设定属性direction 对象元素附加嵌入层设置属性unicode-bidi: 语法： ?unicode-bidi : normal | bidi-override | embed ? 参数： ?normal : 　对象不打开附加的嵌入层，对于内联要素，隐式重排序跨对象边界进行工作embed : 　对象打开附加的嵌入层，direction属性的值指定嵌入层，在对象内部进行隐式重排序bidi-override : 　严格按照direction属性的值重排序。忽略隐式双向运算规则  说明： ?用于同一个页面里存在从不同方向读进的文本显示。与direction属性一起使用。假如您想应用direction属性于内联文本，您必须设定unicode-bidi属性为embed或bidi-override。 示例： ?div { direction: rtl; unicode-bidi: bidi-override; }  文字读入方向设定属性direction 语法： ?direction : ltr | rtl | inherit ? 参数： ?ltr : 　文本流从左到右rtl : 　文本流从右到左inherit : 　文本流的值不可继承  说明： ?用于设置文本流的方向。假如您想应用direction属性于内联文本，您必须设定unicode-bidi属性为embed或bidi-override。 对应的脚本特性为direction。 例子：程序代码5－1，5－2 2.显示属性中的新增功能 设置或检索对象的缩放比例zoom:用于缩放比例来控制指定元素的显示尺寸。 控制元素内容是否可见visibility:用于控制元素的内容是否可见。 鼠标样式控制属性cursor：用于在鼠标移动到指定元素上方的情况下，改变鼠标光标的样式。 设置或检索对象的缩放比例zoom 语法： ?zoom : normal | number ? 参数： ?normal : 　使用对象的实际尺寸number : 　百分数|无符号浮点实数。浮点实数值为1.0或百分数为100%时相当于此属性的normal值 说明： ?设置或检索对象的缩放比例。 对应的脚本特性为zoom。请参阅我编写的其他书目。 ? 示例： ?div {zoom : 0.75; }  例子：程序代码：5－3，5－4 控制元素内容是否可见visibility 语法： ?visibility : inherit | visible | collapse | hidden ? 参数： ?inherit : 　继承上一个父对象的可见性visible : 　对象可视hidden : 　对象隐藏collapse : 　主要用来隐藏表格的行或列。隐藏的行或列能够被其他内容使用。对于表格外的其他对象，其作用等同于hidden。 说明： ?设置或检索是否显示对象。与display属性不同，此属性为隐藏的对象保留其占据的物理空间。如果希望对象为可视，其父对象也必须是可视的。对应的脚本特性为visibility。? 示例： ?img { visibility: inherit; float