很多读者都知道,在过去的6年中,我在CSS上投入了大量的时间和精力。除了写文章、支持图和测试包之外,我还写了Cascading Style Sheets:The Definitive Guide(2002年O Reilly出版社出版)和Cascading Style Sheets 2.0 Programmers Reference(2001年Osborne/McGraw-Hill出版社出版)两本书。对我来说,它们就像是一个三条腿的凳子的两条腿。第一条腿详细阐述了CSS的理论,告诉读者CSS的工作原理。第二条腿为需要参考手册的CSS设计者提供帮助,指导他们在第一时间写出清晰的CSS,并了解属性值的名称和含义。而所缺少的第三条腿就是一本以实战方式说明CSS如何工作的书,即以实际项日为例来说明CSS如何工作。.
值得高兴的是,现在已经不缺第三条腿了。感谢New Riders出版社出版了你手中捧着的这本书。
读者对象
这是一个重要的问题。在为本书感到骄傲的同时,我也深知本书并不适合所有的读者。现在描述一下这两类读者:本书适合的读者和不适合的读者。
本书适合的读者
如果你符合下面的一种或者多种条件,本书应该对你有所助益。
你需要一本在实际项目中使用CSS的实战性的指导书。这正是本书所包含的内容。
你是一位爱好动手的学习者,从交互式体验中学到很多,而不是局限于从阅读中学到知识。尽管这确实只是一本书,但是,本书的目的是让读者易于动手操作的。
CSS是一个庞大而复杂的主题。你一直想提高自己的CSS技术水平,但又不知道如何下手,因为你没有如何达到更高水平的一个路线图。
你一直希望有人向你展示如何将一个传统、老式、纯HTML的设计转换成HTML和CSS相结合的设计,并说明这么做的好处。那么,请不要迟疑,立即阅读第1章“转换现有网页”。
当有人询问你网页设计的水平时,你认为你的HTML技术水平是“中等”或者“高级”,CSS水平为“基本”或者“中等”。换句话说,你非常理解HTML,并且使用过很多CSS,基本掌握如何编写CSS。
本书不适合的读者
如果你符合下面的一个或者多个条件,本书可能不会对你有所帮助。
你以前从未看过或者用过CSS。尽管书中定义了基本的概念,并且包含了简短的术语表,但是本书针对的读者应该了解编写CSS的基本方法,并精通HTML设计。
你希望了解CSS理论的全部详细内容,掌握CSS规范的细微差别。市场上现在有很多涉及这方面内容的书。而本书的重点是解释如何达成理想的效果。
你仅仅在使用鼠标点击的编辑环境中完成Web设计。本书要求的前提是你可以手工编辑(或者曾经编辑)HTML和CSS,内容的描述是基于这个假设的。虽然,本书中的项目在鼠标点击的编辑器里也可以很容易地完成,但请记住,本书不是这么设计的。
你想要一本书能告诉你如何编写CSS,得出的效果在所有平台的浏览器下包括Netscape 4.x和Explorer 3.x看上去一样,请参见下面一节“你能从来书中学到什么”。
你已经阅读过我的其他作品,并不喜欢我的写作风格。我在此保证我的写作风格基本没有任何变化。
你能从本书中学到什么..
从一开始,我就打算写一本趣味性强、有交互性的书,重点放在CSS实用而有趣的用法上面,并能在目前所有的浏览器中运用。为了做到这一点,每个项目的样式都从无到有一步一步地展开,并能在网上使用。如果本书写得好,你应该有这种感觉:你在并肩和我一起评说我正在做的项日。
.尽管你可以通过阅读文字和查看插图就能知道项目是如何开展的,但是,阅读本书最好的办法是同时打开一个网页浏览器和一个文本编辑器。这样,你就可以跟着我一起做项日。当我修改文件的时候,你可以跟着修改,然后在浏览器里查看修改后的效果。
有一点我十分清楚:本书中所展示的技术通常都是针对那些版本号大于或者等于5的浏览器的。如果你想用Explorer 4.x和Netscape 4.x设计出与IE6.x和NS6.x效果相同的网站,本书就不适合你。实际上,网站上的Tricking Browsers and Hiding Styles这篇文章花了大量篇幅来讲述在4.x版本的浏览器中隐藏样式的方法。这样的技术允许你为目前流行的浏览器编写CSS,但在老版本浏览器中依然能够正确显示内容(虽然大部分以纯文字的形式显示)。然而,这与本书主题相去甚远。
内容概述
为了保证较强的实践性,我将本书划分成13个项目,每一个项目是一章。你可以根据喜好在章节间任意选择,因为每个章节都是尽可能独立的。但是本书仍然是按先后顺序组织起来的。如果你从头读到尾,就会发现后一章是建立在前一章基础之上的。
但也有一些例外,从章名上就能一目了然地看出来。例如:第1章将一个只有HTML和空白图片的设计转换成HTML加CSS的设计。
第2章到第5章是基本的项目,从新闻页面或者日历的处理讲到让页面变得更漂亮。第6章和第7章增加了复杂度,重点放在表单元素的打印和样式应用上,包括了不止一种媒体类型。从第8章到第11章,讨论了定位、不同样式技术的结合运用,以及如何让界面变得更生动而不那么呆板。
第12章介绍了一些强大且美妙的技术,它们不一定适用于每一种浏览器,但在实际中可略加修改,灵活运用。从某种角度来看,这是对CSS更广受支持的未来世界的展望。但你若选用了合适的工具,现在就可以展示你的艺术天分。我总认为:书中只有工作没有娱乐,就会非常乏味。
第13章是最具挑战性的,同时也是本书中最复杂的。它企图使用HTML和CSS,以最接近的外观重现本书的样式。与能够重现的方法一样重要的是,为什么有些东西不能在网页上完全准确地再现。
配套网站
书中的每一章都是根据真实项目文件的修改过程写成的。你可以下载本书全部项目文件,也可以单独下载每章的项目文件,网站地址是http://www.ericmeyeroncss.com。你还可以从网站中找到Picking a Rendering Mode和Tricking Browsers and Hiding Styles(比项目本身的实践性和理论性更强)的文章,简短的术语表、生成本书插图所需的文件、勘误表,以及更多辅助材料如书中未刊印的内容、作者的评注、其他有用的在线资源链接。
每一章都有一个压缩包,是你阅读过程中要用到的所有文件,包括所需的图形文件以及项目最初始的版本。这些文件有一个一致的命名方法,例如,第1章的文件名为ch01proj.html。这个文件就是你要用文本编辑器打开并随项目的进展进行修改的文件。你也可以用浏览器方式,在每一修改完毕后单击浏览器的“重载”按钮来查看新添样式的效果。...