CSS实战手册

CSS是一场革命

借用quirksMode的PPK(Peter-Paul Koch)的话来说：CSS是一场革命。

Ajax的浪潮正在逐步改变着Web开发的方式。谈到Ajax，开发人员似乎更注重于 XMLHttpRequest 和 JavaScript ，而淡忘了Ajax还有一个重要的组成部分 CSS。

事实上，CSS和DOM、xHTML以及粘合它们的JavaScript密不可分，相辅相成。

传统的使用Photoshop制作效果然后切图并用拼合成html页面的网页设计师们需要精通CSS，因为CSS能帮助你们重新审视自己的作品，让结构和细节更适合于网页的展现形式。

传统的使用HTML模板往其中注入逻辑或业务代码的Web开发工程师们需要理解CSS。因为CSS能帮助你们重新思考Web开发。高效的CSS和清晰的HTML结构，Ajax的魔力就隐藏在其中。

我很喜欢《CSS实战手册》这本书的内容，它即讲解了CSS的基础知识，又分享了很多实践的心得。尤其每章最后的实战教程最是宝贵，理论后的实践能让我们学而有成，成能见效。

我把这本书推荐给好学的网页设计师和Web开发工程师们。它能帮助你们自信的融入这场革命。

—— 小马

推荐序一

软件开发作为新兴的行业，在短短几年中走过了辉煌的历程，尤其是互联网的发展，给Web开发带来无比强大的推动力，让网页开发技术飞速发展。回想几年前，网页设计还是开发中不被重视的一环，而今天，我们在新一轮互联网的大潮中深刻地感受到网页——直接给予用户第一感受的载体，是多么的重要。当“Table禁止用于布局”逐步写进各大公司的网页制作规范的时候，当CSS + Div模式已经成为行业标准的时候，当开发的产品要适应不同浏览器的时候，我们逐步发现，行业技术在不断地细化，网页的设计与制作之间的关系，不仅超越了技术本身，而且还逐步引入感官体验、易用性，甚至交互设计等元素。

本书从行业发展的角度出发，深入细致地讲述了如何制作出优秀的网页，以及规范中隐含的技巧。本书深入浅出地讲述了如何换位思考HTML的结构，如何规范使用样式表的各种功能，如何整体规划网页布局和感受用户体验。本书最好地体现了“细节决定成败”的原则。阅读本书，希望读者不仅能了解到制作优秀网页的方法，而且能培养“探索无止境，学习无尽期”的创新和开拓精神。

本书是帮助你站上巨人肩膀的又一块垫脚石。

—— Yanger

Web标准革命以降，我们应该看什么？

自Web标准革命以降，无论是设计师还是程序员，都在谈论新时代的网页制作方式。作为呈现的语言，CSS自然首当其冲。现在，已经不是讨论该不该使用Web标准的时候，应该关心的是如何更好地使用CSS为Web标准服务，以便将将并缤纷多彩的设计从语义的结构分离出来。不幸的是，一个本世纪初的浏览器（您知道我说的是IE6），对CSS的欠缺关键性的支持，但还在大行其道。有时候您会忙得焦头烂额，盒装模型、浮动、定位等等，听着都头晕的名词困扰着您。或许您可以通过搜索引擎找到很多文章来看，或是英文的、或是“专家”级别的，您还得费力四处去找一个问题的结症。但是，无论如何，请坚持住，别放弃，因为您已经走在正确的路上。或许在您灰心的时候，不妨翻开这本《CSS实战手册》吧。

笔者有幸在第一时间拿到CSS Missing Manual的译作，即《CSS实战手册》，作者David Sawyer McFarland将复杂的问题用轻松的、不拘一格的语言风格阐述开来，让人读来津津有味，不负笔者对O’Reilly的一向信赖。一本好书，不仅要技术过关，还需要能将问题阐述清楚；能将问题解决外，还需要轻松的语言能让读者在会心一笑中学习。这是一本很好的教程，还是一本诙谐小品。这本书面向的是初中级别的读者，因此一开始就向传统的HTML编写方式开炮，其实是让读者了解为语义，为CSS而写HTML的重要性。接着讲述创建样式及样式表、确定需要样式的元素、使用CSS的继承和层叠、如何格式化文本、设置内外边据和边框、样式化图片、创建基于浮动的布局、定位页面元素、如何编写打印样式，最后，也是很重要的经验之谈：如何编写能够维护的CSS，作者称之为CSS习惯。这些习惯可以为您节省很多积累时间，因此对于高手来说，其实也能起到查漏补缺之效。附录还列举了很多有价值的资源，可以作为读完本书后的提升资源。作者每个部分都运用大量的精心准备的例子，虽然稍嫌罗嗦，但不失为初学者的“实战”之道，对于开发者或者程序员来说，例子也会比枯燥的理论更容易让人接受。尤其对于常用工具（比如Dreamweaver）生成HTML和CSS的设计师来说，如能按照例子“实战”一遍，定能获益匪浅，提高手写代码能力。拿到这本书，可以说让人欣喜的，回想三年前我学习CSS的那段时间，往往只能苦啃英语，四处搜索解决问题的方案，并自己慢慢积累。如今，虽然随着“革命”的蓬勃发展，中文的相关书籍还是太少，有品质的更是凤毛麟角。对于阅读外文有困难的读者来说，《CSS实战手册》实在是一个好消息。允许我再罗嗦一遍，它能够大大降低您的学习成本和积累时间，如果您真的是初学者的话。

—— Realazy

Web开发者当前所急需的CSS专著

HTML（XHTML）很容易入门，但是与其他同样很容易入门的技术一样，HTML很容易被误用。在最初学习阶段的愉快感觉之后，开发者在实际工作中很快就会陷入到混乱之中。这并不是HTML的错，正是因为HTML的简洁性和易用性（低门槛），Web才得以以几何级数的速度飞速发展，HTML应该继续保持这样的特点。使用HTML显然并不是我们的目标，我们需要掌握一些更高层次的技术，这些技术可以指导我们以正确的方式使用HTML，建造出可用性良好的Web页面。从CSS的角度来使用HTML，就是一种最佳实践。其前提是开发者必须要深入掌握CSS，然后才能确定如何为CSS来使用HTML。

《CSS实战手册》就是Web开发者当前所急需的CSS方面的专著，而且它是从面向开发者的角度来写作的，将CSS的优雅和巨大潜力充分展示给了读者。它的重点在于展示CSS在目前主流的浏览器中可以实践的那些部分，而不是巨细无靡地罗列CSS规范的内容。这本书得到了Jolt的技术类书籍的大奖，据我所知，这是Web标准方面（HTML、CSS、JavaScript、Ajax、etc）的技术书籍中第一本获得Jolt大奖的。由于Jolt大奖的信誉，足以让我们对这本书高度关注。博文视点以最短的时间将这本书引进到国内，使得国内的Web开发者很幸运地及时读到了这本书。

我使用CSS来设计页面的样式已经有两年多了，不过至今仍然遇到一些难以解决的问题。特别是完全使用基于浮动的布局，似乎在一些场合的表现并不比基于table的布局更好。这是我对CSS最关注的地方，我想也是大部分Web开发者最关注的地方。《CSS实战手册》中有一章内容非常详细地介绍了基于浮动的布局，这有助于我们更加深刻地理解这种新的布局方式，克服对这种布局方式的不适应。从解决复杂的问题入手来阐述技术的应用，这是这本书的与众不同之处，这使得这本书更加实用（用现在流行的一个buzzword来说：更加pragmatic），我想这就是它获得Jolt大奖的原因。此外，这本书中还有一章专门介绍如何设计打印机友好的页面，这也是我很关心的部分，这是传统的页面设计的一个盲区。这本书还涉及到了页面设计中很多晦暗的部分，包括各种浏览器之间的差异，IE的各种鲜为人知的bug等等。《CSS实战手册》在黑夜中为我们打开了一盏探照灯，让我们清晰地看到了更加广阔的区域，对于全面采用CSS充满了信心。

基于Web标准的技术目前仍然处在迅速发展的阶段。能够反映出使用Web标准的最佳实践的书籍，在国内姗姗来迟，据我所知还是最近三年左右的事情（以博文视点的《网站重构》为起点）。但是这样的一些声音声势越来越大，逐渐汇成了一道洪流。假以时日，再过两三年，Web开发的面貌将会发生根本性的变化。

—— dlee