《单元四 使用 CSS 显示 XML 文档》课堂实践
——4.2 使用 CSS 选择符显示 XML 文档
学习目标:
学会使用 ID 选择符;
学会使用类选择符;
学会使用包含选择符;
学会使用选择符分组。
内容及要求:
描述影片信息的 XML 文档的结构如下:
<?xml version="1.0" encoding="UTF-8"?>
<Movie>
<Title id="id1">翼</Title>
<Type>类型:戏剧</Type>
<Rating>级别:G</Rating>
<Review>评价指数:5</Review>
<Company class="c1" >出品:美国派拉蒙影片公司</Company>
<Year class="c1">年份:1927</Year>
<Director>导演:威廉.A.韦尔曼</Director>
</Movie>
编写 CSS 文件显示 XML 数据。
1、使用 ID 选择符显示片名“翼”,字体 Arial,字号 50px,颜色红色 red;
2、使用类选择符显示类属性值为 c1 的元素,字体 Arial,字号 40px,颜色绿色 green;
3、使用包含选择符显示 Movie 的子元素 Director,字体 Arial,字号 10px,颜色蓝色 blue;
4、将标记 Type、Rating、Review 归为一组显示,字体 Arial,字号 10px,颜色#0e0e0e。