web前端开发技术（第3版）储久良著课后实验

实验8

1、利用div及span标记设计如图所示页面，写出实现HTML代码。要求使用链接外部样式表。要求如下：
（1）编写外部样式表文件，名称为exp_8_1.css，采用链接外部样式表的方法。
（2）加载图像文件名为exp_8_1.jpg
（3）定义两个图层，最外层图层包含一个图像和一个子图层，在子图层内采用无序列表显示四行文字
（4）对“央视”“腾讯”“跨界融合 开放共赢”三个词采用span标记定义加粗样式
（5）对“联建杯”定义斜体、加粗、大小24px。样式如下：
.it{font-style: italic;font-size: 24px;font-weight: bold;}

效果图

2、按如下要求设计“匾牌设计”页面，如图所示。要求如下：页面标题为“匾牌设计”；页面内容为一个图层中嵌入一个段落，段落内容“海纳百川 有容乃大”；段落的样式为“斜体、特粗、70px大小、行高1.5倍、隶书”；图层div的#div0样式：“宽度800px、高度100px、边框宽度20px、线型outset、颜色#ff0000、填充20px、边距100px”；页面所有内容居中显示（body标记的样式）

效果图