用的字符集。
最后,介绍了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。
百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读,免费范文网,提供经典小说综合文库Web编程入门经典 第8章 更多层叠样式表(5)在线全文阅读。
相关推荐: