精通cs关s 高级web标准解决方案第2版.doc

PAGE \* MERGEFORMAT 24 前言 尽管CSS资源的数量越来越多，但是在CSS邮件列表上仍然总是看到有人问同样的问题：如何让设计居中？最好的圆角框技术是什么？如何创建三列布局？ 如果你熟悉CSS设计社区，那么寻找解决方案时无非就是回想一下某篇文章或某种技术曾在哪个网站重点介绍过。但是，如果你是CSS的初学者，或者没有时间阅读所有博客，那么这些信息可能并不好找。 CSS有些方面（比如定位模型和特殊性）比较晦涩，即使是有经验的CSS开发人员也会遇到问题。这是因为大多数CSS开发人员都是靠自学的，他们从各种文章和别人的代码中学习经验，而没有全面理解CSS规范。这也不奇怪，因为CSS规范本身十分复杂，常常还自相矛盾，它的目标读者是浏览器厂商而不是网页开发人员。 此外，还得应付浏览器问题。浏览器的bug和不一致性是现代CSS开发人员面对的一个最大问题。不幸的是，许多bug都没有很好地记载，它们的修复方法基本上只是在开发人员之间口口相传。你知道自己必须以某种方式做某件事，否则在某种浏览器中就会出问题。但是，你记不住是在哪种浏览器中会出问题，也说不清为什么会出问题。 所以，我产生了写这么一本书的想法。这本书将最有用的CSS技术汇总在一起，集中介绍实际的浏览器问题，从而弥补人们欠缺的CSS知识。本书会帮助你加快学习CSS的进程，使你的编码技术很快达到CSS专家的水平。 读者对象 本书适合具有HTML和CSS基础知识的任何人 阅读。无论你是刚刚接触CSS设计，还是已经开发纯CSS站点好几年了，书中都有适合你的内容。如果你已经使用CSS一段时间了，但还没有达到专家级水平，那么你能够从本书获得最大的收益。本书为你提供了各种实用的建议和示例，可以帮助你精通现代CSS设计。 本书结构 本书前3章讨论基本的CSS概念和最佳实践，帮助你轻松地入门。你将学习如何建立代码结构和添加注释，了解CSS定位模型的细节以及浮动和清理的工作原理。你也许已经掌握了其中的许多内容，但是可能会发现自己有遗漏或理解不充分的地方。因此，前3章是不错的CSS入门材料，也可以帮助你重温已经知道的知识。 介绍了基本知识之后，后面5章讨论核心CSS技术，比如操纵图像、链接和列表、设计表单和数据表格，以及进行纯CSS布局。每一章都由浅入深，最后讨论比较复杂的示例。在这几章中，你将学习如何创建圆角框、带透明阴影的图像、标签页式导航条和交互式按钮。许多情况下，我会先展示传统技术，然后说明如何用CSS制作出同样的效果。如果你想研究本书中的示例，可以从或下载所有示例代码 。 浏览器bug是许多CSS开发人员最头疼的问题，所以本书中的所有示例都着眼于创建跨浏览器的技术。此外，本书还用一整章讨论bug和bug修复。在这一章中，你将全面学习bug捕捉技术，学会在bug作乱之前就发现并消灭它，甚至还会学习是什么造成了IE中许多看似毫无规律的CSS bug。 最后两章是真正的大餐。Simon Collison和Cameron Moll是两位最杰出的CSS设计人员，他们将本书讨论的各种技术组合成两个精彩的实例来研究。从而，你不但会学习这些技术的工作原理，而且会看到如何将它们用在实际项目中。 本书可以从头到尾地阅读，也可以放在计算机旁边作为参考资料，随时查阅提示、技巧和技术，决定权在你。 本书约定 本书使用了几个约定，需要注意。本书采用了以下术语。 HTML指HTML和XHTML这两种语言。 除非特别声明，CSS是指CSS 2.1规范。 Windows的IE 6和更低版本指Windows的IE 5.0～6.0。 现代浏览器是指最新版的Firefox、Safari、Opera、IE 7以及IE 7以上版本。 本书中的所有HTML示例都应该嵌套在一个有效文档的body中，同时，CSS包含在外部样式表中。偶尔为了尽量简短，HTML和CSS放在了同一个代码示例中。但是在真实的文档中，这些代码需要放在各自的位置上才能正常工作。 最后，对于包含重复数据的HTML示例，我们不会列出每一行，而是适时地使用省略号表示部分代码。 目录 第1章　基础知识 7 4.6　小结 82 1.1　设计代码的结构 7 第5章　对链接应用样式 83 1.1.1　标记简史 8 5.1　简单的链接样式 83 1.1.2　文档类型、DOCTYPE切换和 5.2　让下划线更有趣 85 浏览器模式 18 5.2.1　简单的链接修饰 85 1.1.3　有效性验证 19 5.2.2　奇特的链接下划线 86 1.2　小结 21 5.3　已访问链接的样式 87 第2章　为样式找到应用目标 22 5.4　为链接目标设置样式 87 2.1　常用的选择器 22 5.5