.　2.2　准备工作　
　2.3　打下基础　
　2.4　创建联系单视图　
　　2.4.1　浮动照片　
　　2.4.2　添加间隙并居中　
　　2.4.3　幻灯样式　
　2.5　创建图片库视图　
　　2.5.1　删除幻灯片样式　
　　2.5.2　显示标题　
　　2.5.3　清理工作　
　　2.5.4　高度和表格　
　2.6　创建目录视图　
　　2.6.1　再次使用浮动　
　　2.6.2　对齐和位置　
　　2.6.3　改进列表　
　　2.6.4　将照片信息以盒状结构显示　
　2.7　拓展练习　
第3章　设置财务报表样式　
　3.1　项目目标　
　3.2　准备工作　
　3.3　设置屏幕显示样式　
　　3.3.1　打下基础　
　　3.3.2　基线样式　
　　3.3.3　处理表格标签　
　　3.3.4　收益数据样式　
　　3.3.5　强调负数　
　　3.3.6　总计样式　
　　3.3.7　最后的处理　
　3.4　设置打印输出样式　
　　3.4.1　开始工作　
　　3.4.2　突出显示行　
　　3.4.3　总计行样式　
　3.5　拓展练习　
第4章　背景定位　
　4.1　项目目标　
　4.2　准备工作　
　4.3　黎明时的样式　
　　4.3.1　现在开始　
　　4.3.2　页头样式　
　　4.3.3　整理工作　
　4.4　岸边的样式　
　　4.4.1　检查结构和样式　
　　4.4.2　标题样式　
　　4.4.3　内容样式　
　　4.4.4　添加背景　
　　4.4.5　优缺点对比　
　4.5　拓展练习　
第5章　基于列表的菜单　
　5.1　项目目标　
　5.2　准备工作　
　5.3　打下基础　
　　5.3.1　检查标记　
　5.4　开放、轻快的样式　
　　5.4.1　分隔　
　　5.4.2　箭头样式　
　　5.4.3　设置链接的样式　
　5.5　封闭的链接　
　　5.5.1　修改样式　
　　5.5.2　将链接变成盒状结构　
　　5.5.3　将链接骑跨在分割线上　
　5.6　拓展练习　
第6章　CSS 驱动的下拉菜单　
　6.1　项目目标　
　6.2　准备工作　
　6.3　打下基础　
　6.4　布局菜单　
　　6.4.1　前期准备　
　　6.4.2　定位子菜单　
　　6.4.3　更漂亮的菜单样式　
　　6.4.4　将链接变成块状结构　
　　6.4.5　菜单项悬停样式　
　　6.4.6　特殊的子菜单样式　
　　6.4.7　准备菜单弹出功能　
　　6.4.8　最后的修改　
　6.5　重新设置菜单方向　
　　6.5.1　重新设置方向　
　　6.5.2　开始修改　
　　6.5.3　子菜单的修改　
　6.6　需要注意的地方　
　6.7　拓展练习　
第7章　打开通往引人注目的标签之门　
　7.1　项目目标　
　7.2　准备工作　
　7.3　打下基础　
　7.4　设置链接样式　
　　7.4.1　开始设置样式　
　　7.4.2　改善标签外观　
　　7.4.3　添加纹理　
　　7.4.4　悬停样式和最终完成　
　　7.4.5　截断的文字和缩小的热区　
　7.5　创建真正的标签　
　　7.5.1　修改样式　
　　7.5.2　生成标签　
　　7.5.3　标识当前标签　
　　7.5.4　零星问题　
　7.6　拓展练习 175
第8章　设置网志样式　
　8.1　项目目标　
　8.2　准备工作　
　8.3　打下基础　
　8.4　设置网志样式　
　　8.4.1　处理标题　
　　8.4.2　文章标题和日期　
　　8.4.3　拆分与组合　
　　8.4.4　文字和信息　
　　8.4.5　最后的修改　
　8.5　拓展练习　
第9章　设计主页　
　9.1　项目目标　
　9.2　准备工作　
　9.3　打下基础　
　9.4　创建设计　
　　9.4.1　页头下面的两张图片　
　　9.4.2　偏移和边框　
　　9.4.3　内容和边栏　
　　9.4.4　简单的边栏样式　
　　9.4.5　添加另外的树叶　
　　9.4.6　边栏链接　
　　9.4.7　边框的修改　
　　9.4.8　突出自然　
　　9.4.9　最后的一些修改　
　9.5　拓展练习　
第10章　设计新的禅意花园页面　
　10.1　项目目标　
　10.2　准备工作　
　10.3　打下基础　
　10.4　创建设计　
　　10.4.1　基础样式　
　　10.4.2　页头　
　　10.4.3　添加花朵　
　　10.4.4　设置摘要样式　
　　10.4.5　设置主要内容的样式　
　　10.4.6　精美的页脚　
　　10.4.7　边栏样式　
　10.5　添加PNG 图片　
　10.6　反思　
　10.7　拓展练习　
索引

.从一开始，我就打算写一本趣味性强、有交互性的书，重点放在CSS实用而有趣的用法上面，并能在目前所有的浏览器中运用。为了做到这一点，每个项目的样式都从无到有一步一步地展开，并能在网上使用。如果本书写得好，你应该有这种感觉：你在并肩和我一起评说我正在做的项目。
尽管你可以通过阅读文字和查看插图就能知道项目是如何开展的，但是，阅读本书最好的办法是同时打开一个网页浏览器和一个文本编辑器。这样，你就可以跟着我一起做项目。当我修改文件的时候，你可以跟着修改，然后在浏览器里查看修改后的效果。
有一点我十分清楚：本书中所展示的技术通常都是针对那些版本号大于或者等于5的浏览器的。
如果你想用Explorer 4.x和Netscape 4.x设计出与IE6.x和NS6.x效果相同的网站，本书就不适合你。
内容概述
为了保证较强的实践性，我将本书划分为10个项目，每个项目就是独立的一章。你可以根据喜好在各个章节间任意选择，因为每一章都是尽可能独立的。然而本书仍然是按照“循序渐进”的方法组织起来的。如果按顺序阅读，你会发现后一章是建立在前一章基础之上的。
但也有几个例外，从章名就能一目了然地看出来。例如，第1章将一个仅仅使用HTML标记和空白图像的页面转换成采用了定位布局来替代表格布局的纯CSS的设计。
第2章和第3章包含了从设置相册样式到美化财务报表的十分基础的项目。第4章增加了一点复杂度，讲述了如何创造性地使用背景，以及如何混合使用相对定位和绝对定位的方法来获得半透明的效果。
第5章到第7章讲述了列表的不同使用方法。第5章的项目是使用链接列表来创建边栏菜单，同一列表创建出布局完全不同的两种菜单。第6章的项目是将嵌套的列表转换成在多数浏览器(包括IE/Win)中都能正常工作的动态“下拉”菜单。第7章的项目探讨了使用Sliding Doors(滑门)技术将链接列表转换成一套标签。
第8章和第9章分别讲述了设置一个网志(blog)的样式和这个网志的主页样式。第10章是本书中任务最艰巨内容最复杂的一章，本项目将完成一个新的CSS禅意花园设计，从标记文档开始。设计的原型是委托禅意花园的创建者DaveShea完成的，然后我将它转换为CSS文档。对于从事平面媒体设计的人，也可这样将平面设计转换成网页。..
配套网站
书中的每一章都是根据真实项目文件的修改过程写成的。你可以下载本书全部项目文件，也可以单独下载每章的项目文件，网站地址是http://www.ericmeyeroncss.com。你还可以从网站中找到生成本书插图所需的文件、勘误表，以及更多辅助材料如书中未刊印的内容、作者的评注、其他有用的在线资源链接。
每一章都有一个压缩包，是你阅读过程中要用到的所有文件，包括所需的图形文件以及项目最初始的版本。这些文件有一个一致的命名方法，例如，第1章的文件名为ch01proj.html。这个文件就是你要用文本编辑器打开并随项目的进展进行修改的文件。你也可以用浏览器方式，在每一修改完毕后单击浏览器的“重载”按钮来查看新添样式的效果。
你也可以在该网站找到《Eric Meyer谈CSS(卷1)》的文件，不管你是否阅读过此书，你都可以下载项目文件。但如果你没有阅读过此书，它们的意义可能不大。
本书约定
在阅读本书之前，你应该熟悉书中一些印刷上的约定。
新的术语第一次出现时使用楷体，通常在附近有对该术语的定义。程序、函数、变量和其他“计算机语言”使用代码体，例如margin特性、值为lOpx等。
代码块使用代码体，其中的浅灰体表示对先前版本进行了修改的代码。大多数代码块只显示整个文档或者样式表的一部分，以及未变动的代码中修改或者插入的行。这些额外的代码提供了上下文环境，顺着代码就会很容易找到你要修改的部分。例如：
[head)
[title]Travel Guide：Ragged Point lnn[/title]
[Style type="text/CSS"]
/*temporary styles*/
table｛border：2pX solid red; margin:3px;｝
td｛border: 1px dotted purple; padding:2px｝
[/style]
[/head]
每本计算机图书都有其独特的表现方式。在本书中你可以发现一些有趣的布局。下面是在布局上的约定：
插入语
这类信息通常详细解释与正文相关但不是项目本身的一部分内容。它们也可能提供项目中所描述的方法或者想法的替代做法。无论哪种情况都可以跳过，而不会影响项目的流程。
注解 这些内容为正文提供帮助性的注释。书中有很多这样的内容，通常为提示、旁白、新术语的定义或者一些相关信息。
注解 这些内容包括在某些浏览器中可能产生问题的地方，或者表示要引起注意的重要注释。
注解 网站说明指示要下载的文件、浏览器要打开的文件，或者需要到网上查看的东西。
最后，每章结尾都有一个“拓展练习”，将提供若干个小的练习题，你可以以某种方式试着修改最终的项目。当然，这些练习不是项目的结束，但它们可以帮助你使用项目中提出的概念进行试验。把这看成是你自己设计的开始，也可以看成是有趣的挑战。如果你能使用自己的样式完全实现练习中的任务，那么，也就走上了编写自己的创意CSS的正确道路。
致谢
来自New Riders／Peachpit出版社的Linda Bump Harrison和Lori Lyons为本书的写作提供了大量的支持和鼓励。特别是他们在超过截稿时间时(经常会出现这样的情况)表现出的耐心和宽容。
特别感谢我的技术审稿人Dave Shea和Porter Glendinning，他们参与了要点的划分、思路的澄清和错误的修改。特别感谢Dave为第10章所做的漂亮美术设计。
尤其要感谢Douglas Bowman为本书作序。他于2002年重新设计了Wired News网站，我就对他非常佩服，他能再次把技术和优美的设计结合起来，获得完美的效果。由他来为本书作序，这是我的荣耀。
感谢成千上万CSS讨论组(我维护的邮件列表)的成员，他们提供了最好的资源之一，使我始终保持高昂的士气。另外感谢evolt.org网站和John Handelaar，他们为邮件列表提供了空间，并使之一直运行良好。感谢Western Civilisation的John Alsopp，帮助我于第一时间发布了列表。
和以前一样，对多年来关于CSS、浏览器和对写作的表扬、抱怨、评价、建议、疑问并与我联系的每个人表示深深的感谢。很抱歉，我不能回复你们每个人，但我确实看到了你们说的每句话。感谢你们!
最后，感谢我的妻子Kathryn，你是男人心目中希望拥有的最好伴侣。没有你的支持、力量和持久的信念，我不可能做得这么好。我永远无法报答你对我所做的一切。
Eric A．Meyer ...

.与卷1一样，本书的组织方式非常灵活，读者可以根据自己的需要，从任何章节人手，加深对CSS的理解。Eric在书中的表述和解决实际问题的方法将引发更多的思考，并树立你面对其他挑战的自信心。
从拒绝使用CSS到急切采用所能想象到的或者信手拈来的任何新方法或者新技术，我已经有了180度的大转变。在这次转变和对CSS强大和灵活性的认识中，Eric Meyer毫无疑问(并继续)起到了重要作用。当然，他一定也可以给你带来同样的感受。
如果你是一位Web设计者或开发者，至少已经使用过CSS，偶然读到了我的这篇序，那么接下来要考虑的问题不是要不要拥有这两本书，而是有了这两本书你应该从哪个章节哪个项目开始呢?
Douglas Bowman
著名网站设计专家、Google视觉设计主管
于旧金山...