CSS在工作中非常常用，但是大部分前端开发人员并没有系统学过CSS，只是刚学习前端时大概过了一遍，然后工作中遇到问题就去搜索，这样会造成CSS知识的碎片化，在工作中遇到一些奇怪的样式bug时不知道如何解决。因此要搭建完整的CSS知识体系，就要系统地学习。
本人推荐通过看书来搭建CSS知识体系。整体路径如下:
- 入门-《深入解析 CSS》
- 进阶-《CSS世界》
- 进阶-《CSS新世界》
下面抄一下前言，让大家了解下书的内容
入门-《深入解析 CSS》
本书共 16 章，分为四部分。
第一部分，“基础回顾”，会回顾基础知识，并重点关注几个很 容易被忽视的细节。
- 第 1 章介绍层叠和继承。这些概念负责控制哪些样式会作用于哪些网页元素。
- 第 2 章讨论相对单位，重点介绍 em 和 rem。相对单位很灵活，是 CSS 中的重要工具。这一章会让你熟悉它们的使用方法。
- 第 3 章介绍盒模型，包括控制网页元素大小和元素之间的间距。
第二部分，“精通布局”，会介绍网页布局的各种关键工具。
- 第 4 章深入探索浮动布局。我们将构建一个多列布局的页面，并学习如何处理浮动布局 的一些棘手的特性。
- 第 5 章介绍 Flexbox。这是一种比较新的布局方式。这一章先介绍基础概念，然后进入布 局实践。
- 第 6 章介绍一种全新的布局工具——网格。它实现了之前 CSS 无法实现的布局。
- 第 7 章深入探索用 position 属性实现定位，包括绝对定位、固定定位等。定位是很多开发人员容易遇到麻烦的地方，所以加强对定位的理解至关重要。
- 第 8 章介绍响应式设计，具体会介绍在不同屏幕尺寸和设备类型上构建响应式网站的三大原则。
第三部分，“大型应用程序中的 CSS”，会介绍新的最佳实践。让网页元素按照你的想法展现是一回事;随着 Web 应用程序的发展，为了将来可以理解和维护而组织代码则是另一回事。这一 部分会介绍一些用于管理代码的重要技术。
- 第 9 章介绍如何用模块化的方式组织 CSS，以便代码可以复用并且易于维护。
- 第 10 章介绍如何构建一个模式库。这是团队成员使用和维护 CSS 的一个关键部分。
第四部分，“高级话题”，会带你进入设计的世界。这一部分会探讨与设计师共事时需要考虑 哪些重要因素，以及自己如何做一点设计工作——因为有时会派上用场。
- 第 11 章讨论阴影、渐变以及混合模式。它们搭配起来可以实现优雅的用户界面。
- 第 12 章介绍如何使用对比、颜色以及间距。当开始注意这些细节时，网页设计在从优秀到卓越的路上就迈出了一大步。
- 第 13 章介绍 Web 排版:使用在线字体文件为网站或者应用程序赋予独特的个性。
- 第 14 章介绍基于过渡的网页动效，用于改变网页元素的形状、颜色或大小。
- 第 15 章介绍变换，它是跟过渡和动画搭配使用的重要工具。这一章也会探讨在网页中实现动效的性能。
- 第 16 章讨论关键帧动画。你将学习如何使用复杂动效向用户传递信息。
进阶-《CSS世界》
前言——如何正确认识本书
首先，大家务必明确这一点，那就是本书的所有内容都是我个人的理解。没错，是人的理 解，不是干巴巴的文档。这些理解是我自己多年持之以恒对 CSS 研究和思考后，经过个人情感 润饰和认知提炼加工的产物，完全是我自己所理解和认识的 CSS 世界，可能是不具有权威性的。 写这本书主要是希望通过分享自己的心得给对 CSS 感兴趣的各个领域的人以启迪，引发其思考， 或者使其有不一样的感悟。
从另一方面讲，本书正是因为其内容都是经过人这个个体的加工，并融入了情感化的思维， 才能做到有的放矢、通俗易懂。我们大多数人都是感性的，看伤感电影会哭，看综艺节目会笑。 所以，与干巴巴的教条式的技术书籍相比，本书的表达方式和语言风格更能给人以心灵的启迪。 读完之后，读者可能会有这样的想法：要是所有的技术书都这么写就好了。
另外，本书不是技术文档，也不是参考手册，因此知识点不会面面俱到，也就是说，不 少 CSS 相关的内容我会忽略，例如，选择器这一部分最多提一下。同时，为了保证书的内容 足够简练，简单的 CSS 语法和常规的使用在本书中基本上不会提及，只会重点分析在其他地 方看不到的内容。
进阶-《CSS新世界》
本书是“CSS世界三部曲”的最后一部。这是一本关于CSS的进阶读物，专门讲CSS3及其之后版本的新特性。在本书中，作者结合自己多年的从业经验，讲解CSS基础知识，并充分考虑前端开发者的需求，以CSS新特性的历史背景为线索，去粗取精，注重细节，深入浅出地介绍了上百个CSS新特性。此外，作者专门还为本书开发了配套网站，用于书中实例效果的在线展示和问题答疑。
最后，说两句。读书要慢慢地读，不要求快。慢慢的积累比临时抱佛脚要好。
