前言

回想2004年,在写本书第1版的时候,市面上已经有两本CSS方面的书了。当时,我对读者是否需要第三本并没有把握。毕竟,CSS那时候还算小众技术,只有博主和Web标准的狂热粉丝才会研究。当时的大部分网站用的还是表格和框架。本地开发者邮件列表中的小伙伴都说我疯了,他们认为CSS只是一个美丽的梦。他们并没有想到,那时候Web标准运动的序幕即将拉开,而本书的出版恰逢这个领域爆发之际。在接下来的几年里,本书一直名列出版商最畅销图书榜单。

等到本书第2版出来的时候,CSS的地位已经无法撼动。本书的作用也从向人们展示CSS的魅力,转变成帮人们更有效地使用CSS。于是,我们找到各种新技术、解决方案,还有“黑科技”,希望打造出一本Web设计师和前端开发者的权威指南。当时CSS的发展似乎已经趋于稳定,而本书好像也能卖相当长一段时间。事实证明,我们错了。

CSS的发展并未停滞,近几年的情况表明,CSS最终兑现了其最初的承诺。我们进入了Web标准的黄金时代,即浏览器支持程度已经足够好的时代。因此,我们终于可以放弃原来那些“黑科技”,转而把时间和精力花在为最大、最复杂的网站编写优雅、巧妙、容易维护的代码上。

于是,本书第3版应运而生:该把所有新工具、新技术和新思路写成一本新书了。为了完成这个任务,我把好朋友埃米尔•比约克隆德拉了进来。他是一位技术与才能俱佳的开发高手,为本书加入了对现代CSS实践的深刻理解,还会告诉大家怎么利用新技术写出高度灵活的代码,并且让这些代码以最优雅的方式在不同浏览器、不同屏幕和不同平台上跑起来。

应该说,我们俩通力合作,基本上完全重写了本书,并且添加了覆盖Web排版、动画、布局、响应式设计、组织代码等主题的新章节。这一版仍然继承了前两版的写法,整合了实例、语言解读和跨浏览器的巧妙解决方案。谙熟各路“黑科技”或者任意属性都能信手拈来,这些不再是精通CSS的标志。今天的CSS已经分化为几十个规范,演化出了几百个属性,恐怕没有谁能够对其无所不知!因此,这一版不追求让读者对CSS无所不知,而是强调灵活性、稳健性,并确保代码在花样不断翻新的浏览器、设备和使用场景下都能欢快地跑起来。虽然本书不会一一介绍所有语言特性,但会让你知道有什么可用,告诉你一些鲜为人知的基本技术,还有对CSS未来的展望。

要想真正看懂这本书,读者至少应该懂得CSS的基本原理,比如自己写过CSS,甚至用它设计过一两个网站。本书前三章是科普性质的,讲了一些给网页添加样式的最基础的知识,也算是照顾一下基础不牢的读者吧。从第4章开始,每一章都会介绍不同的CSS新特性,给出的例子也会越来越复杂。相信即使是CSS的老手,也能从本书中学到解决常见问题的实用技术。当然,这样的读者就不用按部就班地从头看到尾了,感觉哪一章有意思就看哪一章吧。

最后,我们希望无论读者的基础如何、经验多寡,都能够借助本书领略到CSS的无穷魅力,最终成为真正精通CSS的大师。

本书源代码地址:https://github.com/Apress/css-mastery-16。

① 读者可前往本书图灵社区页面(http://www.ituring.com.cn/book/1910)下载源代码,查看本书更多信息,并提交中文版勘误。——编者注

目录

  • 前言
  • 第1章 基础知识
  • 第2章 添加样式
  • 第3章 可见格式化模型
  • 第4章 网页排版
  • 第5章 漂亮的盒子
  • 第6章 内容布局
  • 第7章 页面布局与网格
  • 第8章 响应式Web设计与CSS
  • 第9章 表单与数据表
  • 第10章 变换、过渡与动画
  • 第11章 高级特效
  • 第12章 品控与流程