Web编程入门经典 第8章 更多层叠样式表(5)

2020-04-17 01:18

用的字符集。

最后,介绍了CSS的3种主要定位方案:普通流(和它的衍生物相对定位)、绝对定位(和它的衍生物固定定位)、浮动定位。这些是控制文档内容显示位置的强大工具;它们完成了将样式独立于内容的功能,因为不需要使用表来控制文档的布局(下一章中将详细介绍布局方面的内容)。

如本章中的示例(特别是本章最后的较长示例)所示,即使是在最新的浏览器中,对CSS的支持仍然是不完全的。考虑到CSS2规范于1998年完成,而浏览器制造商仍然没有竭力尝试很好地实现它,这不得不说是一种悲哀。

需要注意的是,虽然可以创建利用CSS布局的页面,但是较老的浏览器并不都支持这些布局。因此,某些设计人员结合使用较老的页面布局技术和用于赋予一些样式的CSS。

8.12 练习

所有练习的答案都在附录A中给出。

1.在这个练习中,需要创建内容的链接表,它位于一个长文档的上方,以有序列表的方式出现并链接到文档主要部分中的题头。

本书的下载代码中提供了XHTML文件exerclsel.html,请为该文件创建样式表。该样式表应该执行以下操作:

? 设置所有链接的样式,包括激活的和访问过的链接 ? 列表的内容设置为粗体

? 列表的背景设置为亮灰色,并使用内边距确保项目编号能够显示 ? 链接框的宽度设置为250像素宽 ? 将题头项目符号的样式改为空心圆 ? 将链接项目符号的样式改为正方形 创建的页面应当如图8-36所示。

图8-36

2.在这个练习中,测试您的CSS定位技能。您需要创建一个页面,该页面以不同的方式表示指向本章不同小节处的链接。每一小节将在不同的块中显示,每一个块将被绝对定位在一个从左上到右下方向的对角线上。中间的框必须出现在最上方,如图8-37所示。

图8-37

可以在本章的下载代码中找到XHTML源文件exercise2.html。


Web编程入门经典 第8章 更多层叠样式表(5).doc 将本文的Word文档下载到电脑 下载失败或者文档不完整,请联系客服人员解决!

下一篇:CATIA运动仿真DMU空间分析

相关阅读
本类排行
× 注册会员免费下载(下载后可以自由复制和排版)

马上注册会员

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信: QQ: