77范文网 - 专业文章范例文档资料分享平台

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

来源:网络收集 时间:2020-04-17 下载这篇文档 手机版
说明:文章内容仅供预览,部分内容可能不全,需要完整文档或者需要复制内容,请下载word后使用。下载word有问题请添加微信号:或QQ: 处理(尽可能给您提供完整文档),感谢您的支持与谅解。点击这里给我发消息

用的字符集。

最后,介绍了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)在线全文阅读。

Web编程入门经典 第8章 更多层叠样式表(5).doc 将本文的Word文档下载到电脑,方便复制、编辑、收藏和打印 下载失败或者文档不完整,请联系客服人员解决!
本文链接:https://www.77cn.com.cn/wenku/zonghe/979346.html(转载请注明文章来源)
Copyright © 2008-2022 免费范文网 版权所有
声明 :本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
客服QQ: 邮箱:tiandhx2@hotmail.com
苏ICP备16052595号-18
× 注册会员免费下载(下载后可以自由复制和排版)
注册会员下载
全站内容免费自由复制
注册会员下载
全站内容免费自由复制
注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信: QQ: