本书提供XHTML和CSS全方位指导和参考（XHTML用来组织Web内容，CSS用来定义样式）。

　　本书通过精彩的实例（基于Web标准）为读者描绘出如何使用正确的方法完整地设计出最优化的Web页面，其高效、便捷超乎想象！

　　全书内容在HTML Dog（www.htmldog.com）的基础上作了相应补充。HTML Dog拥有每月数百万的访问量，是Web开发人群中最为流行的Web资源站点之一。同时，本书采用简洁易懂、直白有趣的方式，帮助读者理解并尽可能掌握XHTML和CSS。

　　本书涉及文本、图像、布局、列表等在内的10章内容，同时附带了可方便查询的XHTML标签和CSS属性附录。对于想了解以下内容的读者来说，本书绝对是一本完美的参考手册:
　　■深入XHTML：了解所有有效的标签和属性。
　　■全面的Web：探究所有有效的选择符、属性和属性值。
　　■Web标准：发现如何将内容（使用HTML）和样式（使用CSS）分离，从而实现轻量级的、易于管理且可靠的Web页面。
　　■最先进的技术:与使用font标签、table图层和框架这些过时的技术的日子告别。
　　■易访问性：开拓HTML设计机制，让您的界面更加友好。
　　■相关兼容性：让您的网页不仅兼容浏览器，而且也兼容屏幕阅读器、移动Web设备和打印设备。
　　■实用的范例：通过www.htmldog.com网站查看70多个为此书量身定制的线上课程。

无

构造网页的最佳方式是使用符合Web标准的HTML和CSS。HTML通过将内容结构化而建立基础，然后CSS装点内容并呈现出页面。
　　以正确的方式使用它们—遵循Web标准—将使网页更快，更易于管理，具有更好的兼容性，以及比那些用老旧方法建立的网页有好得多的亲和力。
　　本书将带领您探索这些共生的语言，讲述如何按照Web标准的方式使用它们，详尽地涵盖构成网页的各个组件以及实现这些组件的技术细节。
　　关于HTML Dog
　　图0-1　 本书源自广受欢迎的HTML Dog网站：http://www.htmldog.com
HTML Dog网站（www.htmldog.com）诞生于2003年。它的使命是提供简洁易懂的关于(X)HTML和CSS的指南，从最基本的讲解开始就严格遵循最佳实践（而不是先教授陈旧的方法然后才引入正确做法），之前还没有别的地方是这么做的，甚至现在也很少。从那时起，网站的规模和受欢迎程度都逐渐增加，现在已经是最流行的Web设计资源网站之一了。
　　什么是XHTML和CSS
　　XHTML（可扩展的HTML）是最新的超文本标记语言的版本。HTML是一种简单的语言，用于构造能够互相链接的内容，这是大多数网页的核心。自诞生之日起，HTML的本意就是给成块的内容赋予意义并将它们链接在一起而不考虑平台问题。
在技术术语中，XHTML是“HTML以XML的形式改革”，但对大多数人来说，它就是一个更加现代版本的HTML（这也是为什么贯穿本书我都提及HTML而不是XHTML），具有更加严格一些的语法规则（第1章中会详细说明）。尽管还存在一个松散一些的“过渡版本”的XHTML，但本书会遵循XHTML Strict—最纯粹的XHTML形式，这会完全发挥出它本来的优点。如果这听起来让您有些畏惧了，别担心—它真的不比其他版本难用，它是您能力范围内的最佳选择。
层叠样式表（Cascading Style Sheet，CSS）是一种用于呈现外观的语言，它的出现是为了解决日益增多的纯表现性（presentational）HTML对象及其滥用的问题，它消除了HTML中对于表现性对象的需求。最早的时候浏览器还不能理解它，不过现在已经有大量的浏览器能很好地支持CSS了。要展现网页，最正确并且也是最好的选择就是使用CSS。在这篇前言的后面部分您将会看到，这种将内容（HTML）和外观（CSS）相分离的功能将带来很大的益处。什么是样式表以及它们如何层叠？详见第1章。
如同HTML一样，CSS也有多个版本。本书主要依照CSS 2.1，它是CSS 2的修订版，已经很完整并得到广泛支持。它不仅提供了对基本的字体样式的控制，更包含强大的位置控制能力（我们可以对表格排版说再见了！）以及对不同媒介类型的处理能力。
什么是Web标准
Web标准是一些普适的规则，规定应该如何使用某些事物，独立于任何单一事物（比如一种特定的浏览器）。通过利用Web标准，您就在帮助确保普适的兼容性和灵活性。因为它们是基于逻辑推理并不受任何商业压力（嗯，至少在理念上！），遵循它们也易于获得最佳的优化方案。
这些标准由W3C所创建（World Wide Web协会，www.w3.org）。W3C是一个独立实体，其成员包括Google、Intel、AOL、Apple、许多所大学、BBC、Sony、微软等，并且数以百计的Web社群都在为它做贡献。这些标准适用范围很广，包含大量Web技术和草案，其中就有HTML和CSS。
HTML标准基于语义学。这是通过标签来应用语义的过程，比如“这些文字是一个段落”或者“这个对象中的HTML形成了一个表格”。可能听上去并不那么重要，但迈向Web标准成功的第一步的核心就是：结构与表现相分离。
图0-2　 W3C的网站（www.w3.org），虽然难以尽阅，但确实是最丰富的信息源
结构与表现
这一页，尤其是下面这两行粗大的文字，比本书的其他内容都要重要。
　　　HTML＝内容
　　　CSS＝表现
这是解锁更好的网页的魔法钥匙。如果您在构建网页时应用这条规则，那么对于实现Web标准并获得随之而来的好处，您已经成功一半了。
Web标准的一个重要理念就是“内容与表现的分离”。其他的说法包括“意义和外观的分离”以及“结构和表现的分离”。对于这些说法哪一个更好，有很多学究式的论点，不过所有这些句子都是对的，并且本质上指的是同样的东西。如果要更加精确一些（但不那么简洁了），我们可以说“由富含语义的结构所构成的内容与外观表现的分离”。这就是说，HTML针对一样东西，CSS针对另一样东西，即HTML应当纯粹地用于构建内容，而CSS则应当纯粹地用于展示内容。
落实到具体对象上，这就意味着font标签已经出局，table标签面向表状数据而不是布局（详见第8章）。这还意味着有标题时它应当标记为标题，而不是使其看起来像，这还意味着要强调文字时应当用到em标签，而不仅仅是CSS修饰。
图0-3　 The CSS Zen Garden—关于内容和表现分离的极好范例（由Didier Hilhorst设计）
图0-4　 沿用完全相同的XHTML代码，附加不同的CSS，就能实现完全不一样的设计方案（由Samuel Marin设计）
图0-5　 结构化的、与表现无关的内容准备好以后，设计师就能随心所欲地控制外观（由Mikhel Proulx设计）
如果您编写的HTML代码中有哪怕一丁点儿涉及表现的范畴，先停下来—CSS能够更好地完成任务。这意味着从标记斜体字到用表格布局的全部。并且，如果内容具有明确而合适的语义含义（比如强调），只用CSS让它们看起来不同还不够—应当用HTML借助结构来将这一语义标注出来。
　　 范　　　例 结构/表现 HTML/CSS
标题 结构 XHTML
标题的字号 表现 CSS
段落 结构 XHTML
段落中文字的颜色 表现 CSS
插图表格 结构 XHTML
表格单元格的边框 表现 CSS
图片，比如证件照 结构 XHTML
图片，比如装饰背景 表现 CSS
一组导航链接 结构 XHTML
页面上导航链接的位置 表现 CSS
这不仅仅是关于标签是否“合法”地使用，因为用表格布局或者用b标签标记粗体字的页面也是“合法”的。这是关于一个全局的方案以及HTML标签的最佳实践—将标签用在它们的本意所指之处—标注数据并赋予数据意义。
使用Web标准的大多数实际好处都源自这一理念。它很好，很受用。
Web标准的实例
Web标准并不是绝地武士的精神技巧，Web标准的传道者们也并不想（经常）成为疯狂的教徒。如果没有真实的、有实际意义的好处，没有人会把Web标准真正当回事。那么下面就是一些最重要的标准：
跨平台兼容性：使Web标准区别于那些陈旧东西的是它并不面向某个特定的浏览器。一个常见的Web设计的问题就是“必须”针对不同的浏览器制作不同的页面。即使在今天，一些站点也只能工作在微软的IE浏览器下，排除掉了一个还不大但却很重要的用户群。除了一些很小的问题外，遵循Web标准可以确保网页将适用于任何场合。不需要替代版本，不需要“IE Only”版本（我们太懒了），不会排除用户。
图0-6　 Jeffrey Zeldman的Designing With Web Standards讲述了关于Web标准的一切以及为什么应当使用它们
前向兼容性：感谢日益增强的跨平台兼容的可能性，如果不使用那些现存浏览器专有的某些非标准特性，那么网页将会更顺利地运作于未来的浏览器上。
设备无关性：是否每个上网的人都是坐在电脑屏幕前呢？大多数是的，但有人可能会将页面打印出来，有人使用移动设备浏览页面（见第10章）。您可能会觉得，要很好地适应多种设备，需要给网页制作多个版本。但其实不必，使用Web标准的话，就不会有这类问题。通过将结构和表现相分离，同样的内容可以根据设备的不同而做出不同的显示。
搜索引擎优化：搜索引擎喜欢Web标准。它们曾经热衷“元数据”（由作者明确写在页面代码内的相关数据），但这些主观性质的标签很容易添加，于是导致搜索结果不一定和页面内容相关。现在的搜索引擎已经聪明多了，能够使用更先进的技术来评判页面与搜索条件的相关性。它们会分析页面内容本身，并且尤其关注标题及其与内容的关联程度。所以，如果您使用font标签来让文字看起来像标题，而不是使用h1和h2（参见第2章），或者您在内容外面裹了一层又一层的表格，那么您就在给自己找麻烦了。
轻量级的页面：一个可能是最明显的优势就是页面能变得轻巧不少。小容量的页面意味着带宽的节省（也就是主机花费的节省）以及更快的页面加载速度（增强的可用性）。一个看起来一样的页面，用表格布局以及font修饰文字的“陈旧”页面要臃肿得多。当去掉那些冗余的代码或者不必要的图片（比如透明的“占位图片”以及那些可以用CSS替代的图片文字）时，让页面容量减小60%到70%并不是罕见的情况。
亲和力（accessibility）：让有残疾的用户能够更方便地访问页面是一种人性化的设计，这样可将网站开放给更多的人。很大部分的网页亲和力问题都是技术方面的，并且能够通过使用良好的Web标准的HTML和CSS来解决。
雇主和客户的期望：即使您不拥护Web标准，也有许多其他人会拥护。使用W3C (X)HTML、CSS以及亲和力标准进行编码的能力已经很快成为了Web设计师的必备技能。如果您在职场上寻求Web设计的工作或者您为客户设计站点，那么Web标准将是一件很有力的武器。
浏览器兼容性问题
Web标准后面的一个基本原则是浏览器无关性。您不必创建针对特定浏览器的代码—整个理念是，如果浏览器厂商完全支持W3C的Web标准，那么一个页面就能满足所有人。但是我们生活在现实世界中，没有浏览器是完美的。当您考虑所有的技术上错综复杂的细节时（它们的语法以及行为—HTML和CSS中所包含的），会稍微吃惊的发现，对所有的浏览器而言，并不是每条规则都是100%准确的实现。
那么这是否意味着在实际场合中Web标准并没有用处呢？不。好消息是所有流行的浏览器都支持绝大部分的Web标准。造成麻烦的只是一些很小的细节问题。稍微“抓挠”一下他们就会被消除。
显然目前最流行的浏览器是Windows下的IE。IE在Web标准的社区中几乎被一致的嘲讽，因为它存在大量问题—对许多Web标准缺乏支持或者错误解析许多Web标准
规则。
更多的现代浏览器，比如Firefox和Safari，是技术上更加优秀的软件（这一点很少有人能真正反对—即使是微软），但是对于Web设计师来说很不幸的是，只有很少的用户不是使用随机预装的浏览器。这就是意味着Windows，意味着IE。
不过IE也不完全是个白痴。对于大多数的HTML和CSS的W3C标准它都能很好的支持。并没有什么不可逾越的障碍阻止设计师实现某种特定页面结构或者迫使它为一些布局做出妥协。只是在某些更特定的细节上，不兼容性会令人很泄气。好消息是，微软终于意识到这些问题，并在最新的IE 7.0（现已在Planet Web登录）中做了大量
改进。
贯穿本书都会在必要之处提及浏览器的不足，但总体上来说绝对没有什么实际理由来放弃Web标准—所有现代浏览器都能相当好的支持它们。
我们确实得工作在一个“多浏览器”的世界中，即使是最好的设计师也会遇到页面的浏览器兼容性问题。它们通常易于解决，并且只要您一直在多种浏览器下测试页面以确保设计有效，兼容性问题不应该会令人头痛。
浏览器hack
Web标准设计需要大量的“hack”这种说法是不正确的。实际情况还有些相反。
确实有大量的hack（尤其是面向CSS的）存在，允许您针对不同的浏览器给出不同的代码，但它们通常只不过是对一些东西的非必要的补丁，这些东西一开始就没有正确构建。事实上我们并不需要几乎所有的hack，除了一个简单的—“框”模型hack—为了解决IE 5.x的计算错误（参见第5章）。
后向兼容性的危险性
中世纪的数据依然存在，现在仍然有人提及Netscape 4。“它是否能运作在Netscape 4上？因为Netscape 4真的很重要。它必须要能兼容Netscape 4”。
这是最声名狼藉的“后向兼容性”观点，同时也是一个过度强调后向兼容性的最佳例子。
判断您是否需要支持某种浏览器的第一步是它的用户数量，第二步则是为了支持它您所需要额外做的工作量。
只有不到1%的用户现在还在使用Netscape 4。但就算要去支持它（毕竟再少也还是有），也是件不划算的事情。
一种迷惑众人的说法是“Web设计的巅峰水平就是作品能工作在所有浏览器上”。
胡说。
是的，Web设计应当能工作于尽量多的浏览器上，但是相应的代价呢？
兼容那些陈旧的浏览器，对于使用新版浏览器的用户而言是一种伤害。您为了兼容陈旧浏览器所损失的东西就是前面提到的Web标准的许多实际好处。向灵活性、轻量级页面、亲和力、易用性以及维护简便性告别吧。为了适应古董而缺少优化，您所失去的用户将肯定超过得到的。
结构良好的HTML文档的内容应该仍然能够完全被老旧浏览器所访问，那些不支持CSS或者被人为禁止了CSS解析（参见第1章）的浏览器会以默认外观渲染页面。设计效果可能失去了，但是功能不会。
亲和力
亲和力是关于人们如何能够容易地在任何情形下与某样东西交互。虽然这是一个很广泛的通用领域（与Web相关的东西，包括通过替代设备，比如手机来访问页面），但它倾向于关注残疾人，包括如何让他们能更方便地访问网页上的信息。
亲和力方面的考虑点说开去的话，能另外写一整本书了（例如Joe Clark的优秀的Building Accessible Websites或者Web Accessibility: Web Standards and Regulatory Compliance—这里我们会涉及其中一些，因为HTML和CSS是处理大多数亲和力问题的最终工具）。
在大多数情况下，很简单的HTML和CSS就能显著地改进亲和力，但这些简单的步骤有很多，尤其是当涉及那些需要交互的页面组件—参见第3章以及第9章。虽然本书并没有探索亲和力话题的方方面面，但实现其中大多数的技术都会提到。
本书的读者对象
本书面向那些想要掌握最佳的XHTML和CSS实践，以及想要一本可信赖的参考书的读者。
虽然Web标准的话题可能更吸引中高级的设计师，但本书全面丰富的内容使它应当同样适合于初学者和专家，本书既可以作为关于如何构建页面组件的指南，也可以作为参考手册来保证语法的正确性。
我在书中不仅写下了许多现在对我自己很有用的内容，还写了许多我在初学HTML、CSS以及Web标准的时候觉得有用的东西。
如何使用本书
本书详尽地遍历了网页上的不同组件（除了第10章稍微有些不同），讲述了如何构造它们和表现它们。一个组件接一个组件，到本书结束时，所有实用的Web标准（XHTML 1.0 Strict和CSS 2.1）工具都会被涵盖。
实用Web标准
由于现阶段的浏览器兼容性，本书并未包含全部W3C的技术细节，因为即使我们在促进使用Web标准的理念，我们也必须现实一些。只在理论上有用但在大多数浏览器中都无法工作的技术没有实际意义。反而是对纸张以及您的时间的浪费。您可以确信的是本书涵盖了大部分实用的Web标准内容。
附录A和附录B涵盖了所有合法的（非表现性的—见下面）HTML（XHTML 1.0 Strict）标签、CSS（2.1）属性以及所有合法的属性和值。当涉及浏览器兼容性问题时会有相关提示。
为了好的实践，表现性质的HTML标签比如b和i（它们实际上也是合法的XHTML 1标签）也被遗弃了。我们这里坚持结构和表现的分离并因此而受益。对那些注定将走进历史坟墓的东西，我们不给它们留后路。
对那些不符合本书理念但仍然常用的标签的概览包含在附录A中。
关于www.htmldog.com
本书的内容应该至少能让您的部分脑细胞热热身，此外本书的一部分内容是和HTML Dog网站配套的。贯穿全书您会发现对文章的引用，它们包含了更多深入的技术细节，以及许多框架式的范例。这些范例只保留了最基本的代码来展示HTML和CSS的一小部分，比如标题、表单、背景图片或者竖直对齐。只需查看页面源码即可。
　　有关的内容在书中这么标记：
www.htmldog.com/examples/verticalalign.html
　　全部70多个例子的列表位于www.htmldog.com/examples/
　　章节内容
　　在精心安排的十章内容中您将会找到几乎所有HTML和CSS组件的详细讲解，以及一些比较炫的技巧来让页面熠熠生辉。
　　第1章“起步”讲解HTML和CSS的基本语法：它们是什么样，应该如何使用，以及它们如何关联起来。
　　第2章“文本”涵盖所有用于构造各种文本内容的HTML标签：段落、标题、强调、缩略等等。本章还讲述了用于设置字体、字号、斜体以及字间距的CSS。
　　第3章“链接”只讲述一种标签，但它十分重要以至于需要独占一章。从基本链接和页面锚点到让链接更具亲和力以及样式设定的最佳实践。
　　第4章“图像”涵盖如何用img标签来添加内容以及如何用强大的CSS背景图片来实现令人震撼的外观。
　　第5章“布局”讲述如何用CSS实现各种布局。
　　第6章“列表”关于有序列表、无序列表和定义列表，以及如何给它们设定样式以实现像导航栏这样的页面组件。
　　第7章“脚本及对象”讲述如何在HTML页面中引入JavaScript和像Flash影片这样的对象。
　　第8章“表格”涵盖关于构造表状数据（tabular data）所需了解的一切（而不是用表格实现布局），包括如何让表格更具亲和力。还有专门的让表格更加漂亮的CSS技巧。
　　第9章“表单”涵盖如何构造和表现表单以及表单域控件，并讲述了设定表单对象的外观时会受到的限制。
　　第10章“多种媒介”关于网页如何工作于桌面电脑屏幕之外的媒介，以及如何优化页面的CSS（而不必涉及HTML）以使页面更好地被打印。

本书提供XHTML和CSS全方位指导和参考（XHTML用来组织Web内容，CSS用来定义样式）。 本书通过精彩的实例（基于Web标准）为读者描绘出如何使用正确的方法完整地设计出最优化的Web页面，其高效、便捷超乎想象！ 全书内容在HTML Dog（www.htmldog.com）的基础上作了相应补充。HTML Dog拥有每月数百万的访问量，是Web开发人群中最为流行的Web资源站点之一。同时，本书采用简洁易懂、直白有趣的方式，帮助读者理解并尽可能掌握XHTML和CSS。 本书涉及文本、图像、布局、列表等在内的10章内容，同时附带了可方便查询的XHTML标签和CSS属性附录。对于想了解以下内容的读者来说，本书绝对是一本完美的参考手册: ■深入XHTML：了解所有有效的标签和属性。 ■全面的Web：探究所有有效的选择符、属性和属性值。 ■Web标准：发现如何将内容（使用HTML）和样式（使用CSS）分离，从而实现轻量级的、易于管理且可靠的Web页面。 ■最先进的技术:与使用font标签、table图层和框架这些过时的技术的日子告别。 ■易访问性：开拓HTML设计机制，让您的界面更加友好。 ■相关兼容性：让您的网页不仅兼容浏览器，而且也兼容屏幕阅读器、移动Web设备和打印设备。 ■实用的范例：通过www.htmldog.com网站查看70多个为此书量身定制的线上课程。

Patrick Griffiths：Patrick Griffiths: Patrick Griffiths早在1999年就已经成为HTML方面的专家。他既不是设计师也不是程序员，而是一名擅长XHTML和CSS的前端开发工程师。除了在HTML Dog上发表文章、进行网站维护外，他还为著名的在线杂志A List Apart和CSS Zen Garden网站（CSS禅意花园）等资源站点做出了颇多贡献。与此同时，他还是一名活跃在Web设计社区且备受尊敬的成员。

雷钧钧　常　可：暂无简介

在欣赏国外设计大师们的作品时，我们常常会不由自主地感慨：为什么同样是DIV构造的页面彼此却有着大相径庭的效果？为什么我们自己的设计总是经不起跨平台的考验？为什么我们美妙的页面设计却在程序代码嵌入后面目全非，大师级无懈可击的页面离我们到底有多远？
　　种种疑问其实并不难回答，反思一下我们的设计过程，我们是否为了省一时之事而随意在html中进行样式定义？是否因为思维的惯性继续采用了font，b，u这些古老的标签？是否仅仅因为使用了CSS的一点小技巧就告诉别人，我们已经非常标准化了？这些片面的理解造成的结果就是，一知半解下使用DIV构造的页面有时比纯粹使用table更糟糕！
　　我一直从事产品策划工作，从电子商务平台到网络社区，在与设计人员交流的过程中我常常发现，真正的问题不在于意识上对Web标准的认可程度，而往往是因为缺少全面、系统的学习和理解。
　　HTML之路—XHTML & CSS最佳实践指南的出版让我和其他译者甚为激动，原因很简单：同名的站点一直以来都是Web标准化设计领域里独树一帜的社区，这本选其网络精华并作一拓展的参考书给我们提供了一次全面学习最新XHTML和CSS标准的机会。对于熟悉标准化设计的朋友来说便拥有了一本便捷的参考用书，信手拈来的参阅让我们轻松的规避错误，更加完美的打造标准化页面。
　　其实很多人都能成为大师，但他们没有升华所需的积累。对于Web设计也是一样，相信HTMLDog中的智慧能实实在在的增加您大师之路的厚重。
　　本书由雷钧钧、常可、杨雄波、叶永彬合作翻译完成，由于原作者采用了大量口语化的内容，所以翻译上增大了理解的难度，也正是因为这一点，我们每个人在翻译过程中学习并收获了更多。在此，感谢所有为此付出的朋友！愿我们的努力能够帮助更多的人！


　　雷钧钧
　　2008年1月1日于北京

译者序
致谢
前言

第1章　 起步 1
1.1　 HTML语法 1
1.1.1　 对象、标签及属性 1
1.1.2　 常用属性 3
1.1.3　 HTML文档的基本结构 5
1.1.4　 多功能标签—div和span 11
1.2　 CSS语法 11
1.2.1　 规则 11
1.2.2　 选择符 11
1.2.3　 属性 15
1.2.4　 属性值 16
1.2.5　 应用CSS到HTML中 20
第2章　 文本 23
2.1　 文本内容的组织 23
2.1.1　 基本文本对象：段落，换行及强调 23
2.1.2　 标题 25
2.1.3　 引用文字 26
2.1.4　 简称和缩写 27
2.1.5　 保持原格式的文本及代码 27
2.1.6　 审阅内容的添加及删减 29
2.1.7　 多语种及双向文本 29
2.1.8　 地址 29
2.2　 文本样式的设定 30
2.2.1　 字体 30
2.2.2　 颜色 31
2.2.3　 字号 31
2.2.4　 行高 33
2.2.5　 粗体及斜体 33
2.2.6　 大小写 34
2.2.7　 font属性的快捷写法 34
2.2.8　 下划线及删除线 35
2.2.9　 字母及词间距 35
2.2.10　 缩进 35
2.2.11　 水平对齐 35
2.2.12　 垂直对齐 36
2.2.13　 更多文字式样技巧 37
第3章　 链接 38
3.1　 锚点对象和超文本引用 39
3.2　 链接状态 40
3.3　 有亲和力的链接 42
3.3.1　 TAB键导航 42
3.3.2　 快捷键 42
3.3.3　 链接提示文字 44
3.3.4　 弹出窗口 44
3.3.5　 相邻链接 44
3.3.6　 导航栏的略过 44
第4章　 图像 46
4.1　 img对象 47
4.2　 背景图片 50
4.3　 图像替换技术：
用图片来替代文本内容 54
第5章　 布局 57
5.1　“框”模型 57
5.1.1　 宽度和高度 58
5.1.2　 空距 59
5.1.3　 边框 60
5.1.4　 边距 61
5.2　 Display属性 64
5.3　 定位 66
5.3.1　 静态定位 66
5.3.2　 相对定位 66
5.3.3　 绝对定位 67
5.3.4　 固定定位 68
5.4　 浮动 68
5.5　 页面布局范例 76
5.5.1　 创建栏式效果 77
5.5.2　 添加页头 80
5.5.3　 添加页脚 81
5.6　 全面集成 84
第6章　 列表 87
6.1　 构造列表 87
6.1.1　 无序列表和有序列表 87
6.1.2　 定义列表 89
6.1.3　 用列表实现导航条 90
6.2　 列表的外观 92
6.2.1　 列表符号—圆点、数字编号和图片 92
6.2.2　 水平列表 94
第7章　 脚本及对象 96
7.1　 JavaScript和DOM 96
7.1.1　 script对象 96
7.1.2　 事件属性 97
7.1.3　 操控DOM 97
7.2　 对象 98
第8章　 表格 100
8.1　 基本的表格 100
8.2　 合并单元格 102
8.3　 表格标题 104
8.4　 给行分组 104
8.5　 指明目标列 105
8.6　 关于表格亲和力方面的考虑 106
8.6.1　 摘要 106
8.6.2　 将表头和单元格相联系 107
8.6.3　 将单元格和表头相联系 107
8.7　 表格的外观 108
8.7.1　 压缩边框 109
8.7.2　 更快地显示表格：固定布局算法 109
8.7.3　 空单元格 110
第9章　 表单 111
9.1　 form对象 112
9.2　 表单域和按钮 113
9.2.1　 name属性 113
9.2.2　 将控件分块放置 113
9.2.3　 input 113
9.2.4　 textarea 118
9.2.5　 select 118
9.3　 表单域集合 120
9.4　 具有亲和力的表单 120
9.5　 给表单域设定样式 121
9.5.1　 边框 122
9.5.2　 字体 122
9.5.3　 背景 122
第10章　 多种媒介 123
10.1　 屏幕阅读器 123
10.2　 移动设备 123
10.3　 打印 124
10.4　 应用面向特定媒介的CSS 125
10.4.1　 media属性 125
10.4.2　 分离还是层叠 133
10.4.3　 @media 133
10.5　 结语 133
附录A　 XHTML参考 134
附录B　 CSS参考 173