10年前,当我在记事本中一点一滴地书写着HTML、JavaScript、CSS并保存,然后在浏览器里预览自己的杰作时,感觉这是那么神奇、有趣!
10年后的今天,当Web 2.0的概念已经遍地开花结果时,从1996年提出的CSS 1,到即将出现的CSS 3,我们难免不联想到Web 3.0的蠢蠢欲动了。
没有CSS的手册,人们常常不知道从哪里入手学习CSS。好的CSS点子甚至可以胜过经验丰富的网站专家。本书的目的,就是作为应该与CSS一起提供的一本手册。在本书中,你会发现利用CSS创建漂亮网页的循序渐进的用法说明。
《CSS实战手册》(CSS: The Missing Manual)适用于处在各种技术水平的读者。如果你以前还从未创建过网页,那么看看本书中的第一个教程。如果你是创建网页的新手,本书中的“加油站……”可以给你提供理解手边这一主题所需要的信息。如果你是一位高级网页专家,那么请留意“高级用户诊所”的内容,它们为经验丰富的计算机迷们提供了更多的技术提示、诀窍和快捷方式。
本书意在使你更快速且更专业地从事网站设计工作。当你阅读本书时,会遇到许多生动的实例,利用从
http://www.sawmac.com/css/上下载的原始资料(如图片和完成了一半的网页),再加上你在电脑上花点时间完成它们,你就会发现这些教程提供了专业设计师们创建网页的方法。你可以把你的作品与最终的结果进行对比。你不仅可以看到网页应该显示的样子,还能在因特网上发现真正在运行的网页。
在即将翻译完成这本书时,我惊奇地发现,它获得了第17届Jolt技术图书生产力大奖。总之,这是一本你绝对值得拥有的好书。
虽然我在翻译的过程中竭力以求信、达、雅,但限于自身水平,也许仍有不足,还望各位读者不吝指正。大家可以通过访问我的博客
http://YuLimin.iteye.com/或者发送电子邮件到YuLimin AT 163 Dot com进行互动。
下面是翻译时采用的术语表,讨论链接为:
http://YuLimin.iteye.com/blog/71162。
最后,祝大家能够像我一样在阅读中享受本书带来的乐趣!
Read a bit and take it out, then come back read some more.
俞黎敏
2007年春节于福建莆田
=====================================================================================================
推荐序一
软件开发作为新兴的行业,在短短几年中走过了辉煌的历程,尤其是互联网的发展,给Web开发带来无比强大的推动力,让网页开发技术飞速发展。回想几年前,网页设计还是开发中不被重视的一环,而今天,我们在新一轮互联网的大潮中深刻地感受到网页——直接给予用户第一感受的载体,是多么的重要。当“Table禁止用于布局”逐步写进各大公司的网页制作规范的时候,当CSS + Div模式已经成为行业标准的时候,当开发的产品要适应不同浏览器的时候,我们逐步发现,行业技术在不断地细化,网页的设计与制作之间的关系,不仅超越了技术本身,而且还逐步引入感官体验、易用性,甚至交互设计等元素。
本书从行业发展的角度出发,深入细致地讲述了如何制作出优秀的网页,以及规范中隐含的技巧。本书深入浅出地讲述了如何换位思考HTML的结构,如何规范使用样式表的各种功能,如何整体规划网页布局和感受用户体验。本书最好地体现了“细节决定成败”的原则。阅读本书,希望读者不仅能了解到制作优秀网页的方法,而且能培养“探索无止境,学习无尽期”的创新和开拓精神。
本书是帮助你站上巨人肩膀的又一块垫脚石。
Smarter.com.cn中国区运营经理
Yanger
2007年6月
=====================================================================================================
推荐序二
对Web开发而言,CSS已逐渐成为每位程序员的必修课之一。如果说以前还认为CSS只是美工的事情的话,那么现在随着AJAX的持续火爆以及由此产生的对网页的标准化,内容与样式分离的迫切需要,每位Web程序员的身边都要放一本CSS参考书了。
CSS: The Missing Manual无疑就是这样一本好书。和枯燥的、代码堆砌的一般技术书不同,打开这本书,你看到的仿佛是位和蔼可亲的师者,耐心细致,娓娓道来。从重新思考HTML到键入第一行CSS代码,到用CSS建立布局,再到完全来自于第一线实践的经验,由浅入深,每个部分都附有大量的范例,让读者阅读时完全没有生涩和枯燥的感觉,反而多了些许的轻松。你可以坐着、躺着,甚至是躲在被窝里读这本书。学习在这里变得轻松、有趣而富有成就感。不过,我建议你身边最好还是有一台随时可以工作的电脑,因为在阅读时,你可能随时都会有敲上两行代码的冲动,书中那一个个漂亮精致的范例实在是太有诱惑力了。
作为一名从这本书中收益颇多的Web开发人员,我想把它推荐给所有战斗在Web开发第一线的程序员朋友,分享阅读的快乐和收获。不管是刚刚才接触CSS的初学者,还是一位CSS高手,都一定能从这本书里找到所想要了解和知道的内容。这本书另外一个着重推荐的理由无疑是它的译者——俞黎敏。在整个Java社区,YuLimin(阿敏总司令)无疑是一个闪亮的名字。
这么一本优秀的好书,这么一位优秀译者的译作,您绝对值得拥有。
北京东方易维软件
高级设计师 荣浩
2007年5月
=====================================================================================================
CSS是一场革命
借用quirksMode的PPK(Peter-Paul Koch)的话来说:CSS是一场革命。
Ajax的浪潮正在逐步改变着Web开发的方式。谈到Ajax,开发人员似乎更注重于XMLHttpRequest和JavaScript,而淡忘了Ajax还有一个重要的组成部分 CSS。
事实上,CSS和DOM、xHTML以及粘合它们的JavaScript密不可分,相辅相成。
传统的使用Photoshop制作效果然后切图并用<table>拼合成html页面的网页设计师们需要精通CSS,因为CSS能帮助你们重新审视自己的作品,让结构和细节更适合于网页的展现形式。
传统的使用HTML模板往其中注入逻辑或业务代码的Web开发工程师们需要理解CSS。因为CSS能帮助你们重新思考Web开发。高效的CSS和清晰的HTML结构,Ajax的魔力就隐藏在其中。
我很喜欢《CSS实战手册》这本书的内容,它即讲解了CSS的基础知识,又分享了很多实践的心得。尤其每章最后的实战教程最是宝贵,理论后的实践能让我们学而有成,成能见效。
我把这本书推荐给好学的网页设计师和Web开发工程师们。它能帮助你们自信的融入这场革命。
赵泽欣
淘宝
=====================================================================================================
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.org站长
=====================================================================================================
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开发的面貌将会发生根本性的变化。
李锟
Ajaxcn
=====================================================================================================
免费试读:
http://book.csdn.net/bookfiles/446/index.html
网上购买:
第二书店:
http://www.dearbook.com.cn/book/210349
华储网:
http://www.huachu.com.cn/itbook/itbookinfo.asp?lbbh=10060588
中国互动出版网china-pub:
http://www.china-pub.com/computers/common/info.asp?id=35422
电子工业出版社:
http://www.phei.com.cn/bookshop/bookinfo.asp?bookcode=TP046470%20&booktype=main
当当商店:
http://product.dangdang.com/product.aspx?product_id=20028870
卓越亚马逊:
http://www.amazon.cn/detail/product.asp?prodid=bkbk728329&ref=SR&uid=168-8696004-2760238
新风雨:
http://www.cnforyou.com/query/bookdetail1.asp?viBookCode=8329
蔚蓝网:
http://www.wl.cn/2755633/
=====================================================================================================
《CSS实战手册》(CSS: The Missing Manual)中文勘误列表