每日一书｜CSS新世界：专业讲解CSS新特性

Posted 2021-12-10 《新程序员》编辑部

杜甫诗云：“读书破万卷，下笔如有神”。开发者多读书、读好书，能打好基础、掌握实践、答疑解惑、拓展视野。正基于此，2021年11月1日起，CSDN、《新程序员》推出“每日一书”栏目，为你推荐精选好书，助力你的开发工作如行云流水。

张鑫旭，前端开发工程师，国内前端博客“鑫空间-鑫生活”博主，“CSS三部曲”作者，2009年开始写原创技术文章，十几年来笔耕不缀，创作了近800篇前端技术原创文章，年访问量接近1000万次。

在十多年来对前端技术的探索中，他对前端开发，尤其是在html/CSS等与交互体验关系密切的领域，有了更深的理解、更多的心得体会。今天，异步君有幸邀请到张鑫旭进行独家专访，分享他在前端开发过程中所作的思考。

— 01 —

“图书创作，一种更大的价值体现”

在Web前端开发人员必须掌握和使用的技术中，CSS被认为是一门入门易、深入难的技术。随着互联网硬件设施的不断发展和移动开发的兴起， CSS 2.1的特性已经无法满足互联网应用开发的需求，CSS迎来了跨越式的大发展，形成了全新的CSS 3.0新世界，无论是布局、视觉展示，还是动画与特效，都得到了非常好的支持。

2017年12月，《CSS世界》和广大读者见面，上市一年入库超2万册。2019年10月，张鑫旭创作了《CSS选择器世界》，搭建出CSS世界的“钢筋骨架”，获得了读者的广泛好评和认可。今年8月，“CSS三部曲”最后一本——《CSS新世界》出版，专业讲解了CSS33及其之后版本的新特性。 

回顾过去十多年对CSS世界的学习和研究，他坦言：“这是一段特殊的旅程，没有借鉴，没有参考，可能旅程并不顺利，也可能会有别样的风采，但人生在世，本就当如此，遵循自己内心的指引，创造属于自己的价值。”

探索一条不一样的曲径之路是艰辛的，他的内心有过彷徨，有过犹豫，甚至考虑过其他更对自己有价值的领域，但他还是决定坚守本心，他记录下了探索之路上的每个角落，他“相信技术的价值，技术强悍事业必然有成”，他这样讲述这段经历：“技术比人情可靠，你所学习的技术知识、积累的细节和经验，日后百分之百可以带来令你欣喜的价值，而且这个价值连绵不绝，越筑越高。因为技术不像人，技术不会欺骗你。”

张鑫旭在谈到创作“CSS三部曲”的初衷时说：

“我的人生箴言中有这么一句话——人活在世上，重要的不是得到了什么，而是留下了什么。在过去很长一段时间里，我都是通过文章进行知识传播，虽然也能帮助一部分人，但是受众还是有限，传播的知识也比较零碎，不够体系化。所以我就萌生了图书创作的想法，将自己的研究心得和实践经验以非常系统的方式梳理出来，更好地帮助大家学习，然后借助出版平台的力量，让更多的人可以学到知识，这对我而言是巨大的价值体现。”

— 02 —

“突破技术瓶颈期，需要沉心去阅读、去体会”

张鑫旭在从事IT行业的十多年时间里，参与过大量的Web前端开发项目，也正是凭着这些经历所带来的深刻思考和独特洞见，他创作了蕴含大量从实际项目开发角度出发的“CSS三部曲”。在谈到所创作的3本书时，他建议先阅读《CSS世界》，这是整个CSS世界的基础，《CSS新世界》是在《CSS世界》基础上构建的高楼，而《CSS选择器世界》是整栋大楼的钢筋骨架，所以，建议《CSS选择器世界》在《CSS新世界》之前阅读，或者同时阅读。

按照张鑫旭过往的经验，新人的学习会比较细致，反而具备一定CSS开发经验的读者就看个大概，这实际上这是一件很可惜的事情。有一定开发经验的读者经过快速成长期后，会认为自己学得差不多了，殊不知，这是典型的瓶颈期，应该沉下心去阅读、去体会，去看到另外的世界，让自己的专业技术达到更高的层次，这个时候会发现，原来之前学到的只是一小部分而已。这一系列图书其实都适合这种有一定经验，自认为比较熟练，而实际上急需突破瓶颈，对技术有追求的读者阅读。

很多读者注意到，“CSS三部曲”的封面中都采用了鲸鱼和星海图案，实际上这是张鑫旭亲自设计的图案，每本书的封面上也都有这么一句话“茫茫星海中巨鲸永不犯错的航行，那是因为有星辰的指引”。大家仔细观察，就会发现从《CSS世界》到《CSS新世界》，星辰的位置离鲸鱼越来越近，书本的颜色也越来越亮，这说明鲸鱼正在航行，而且是在星辰的指引下航行，来到了更加明亮的新世界。这预示着大家在这3本书的指引下，在CSS学习这条路上，也会来到更加明亮的新世界。

 《CSS新世界》一书近600页，几乎是前两本书的总和，在内容编排上，张鑫旭也做了很多考虑。本书重细节、经验和思路，以面对面讲述的口吻介绍知识点，帮助读者迅速突破瓶颈。张鑫旭结合多年从业经验，充分考虑前端开发人员的开发需求，在CSS基础知识之上，以CSS新特性背后的历史背景为线索，深入浅出介绍CSS3及其之后出现的上百个CSS新特性，去粗取精，注重细节；同时，张鑫旭还为本书开发了专门的配套网站，用于实例展示和问题答疑。

本书的具体内容包括：

1，CSS全局知识；

2，CSS 2.1的已有属性，及CSS 3的增强属性；

3，支持IE9/IE10的CSS属性，包含圆角、阴影、变换、渐变、过渡和动画等；

4，CSS 3.0的布局效果实现，会对Flex布局和Grid布局中的特性和原理进行深入分析；

5，移动开发场景中的CSS 3.0新特性；

6，CSS变量；

7，CSS3的图文内容增强；

8，滤镜和混合模式；

9，遮罩和剪裁；

10，用户行为相关CSS；

11，SVG中的CSS；

12，CSS Houdini。

张鑫旭始终相信：“当技术积累突破到一定阶段后，你心里面就会明白，自己能够做的事情还有很多，可以走出一条别人没有走过的纯专业方向的探索之路。”

— 03 —

“把当下专业技术学扎实，趋势也许由你创造”

谈到“CSS三部曲”给自己和读者带来的收获，张鑫旭表示：“对我个人而言，‘CSS三部曲’是对我这么多年不断研究与学习的一种交代，让我的辛苦付出更有价值了。同时，来自众多读者的感谢与赞誉让我也颇有成就感。对读者而言，我想，最大的收获是学到了很多CSS知识，精进了前端技术，助力了职业发展。”

谈到CSS技术发展的发展趋势和制约因素，张鑫旭表示：“目前CSS技术的发展主要在新伪类、新函数和新属性这一块，平均每个月都会出现一种新特性，不过这些发展并没有多少颠覆性的变化，我认为这与IT技术、硬件设备并没有出现颠覆性的升级变革和爆发有关。对于CSS这门技术，制约其发展与流行的因素可能不在于开发者本身，而在于硬件设备本身的兼容性，例如混合模式，要想让IE浏览器支持，那可太难了，完全不可行，这就制约了CSS新特性的传播和普及。”

对于前端技术的未来，张鑫旭认为：“前端技术的发展趋势，我认为不可控的因素太多了，很难预测短期内哪一种技术会流行，哪一种技术会成为趋势。就算有些技术当下流行，没过几年可能就会变成前浪，所以，趋势什么的，我现在看得很淡了，没必要去追逐，还是把当下的专业技术学好学扎实，什么也不用担心，什么也不用怕，说不定趋势就是你创造的。”

此外，张鑫旭也已经有了关于自己下一本书的计划：“《CSS选择器（第2版）》是我接下来的写作计划，根据读者反馈，我会优化部分内容，最新推出的一些CSS选择器也需要同步更新。”相信我们能在不久的将来看到他对CSS世界的新探索、新方向。 

《CSS新世界》新书推荐

内容简介：

本书是“CSS世界三部曲”的最后一部。这是一本关于CSS的进阶读物，专门讲CSS3及其之后版本的新特性。在本书中，作者结合自己多年的从业经验，讲解CSS基础知识，并充分考虑前端开发者的需求，以CSS新特性的历史背景为线索，去粗取精，注重细节，深入浅出地介绍了上百个CSS新特性。

本书的所有内容都是作者经过深入思考和探索后提炼出来的，知识点多且内容丰富，注重技术细节、经验分享和解决问题的思路。本书的主要目标是帮助前端开发者突破CSS技能提升的瓶颈，非常适合具有一定CSS基础的前端开发者阅读。

（声明：本文转载自人民邮电出版社IT专业图书旗舰品牌“异步图书”微信公众号。）