前提
张鑫旭老师这本书也是刚出版不久，篇幅很大，内容很多，所以目前我还没看完。
读CSS书有个好处就是，你可以随意翻开书中的某一章，阅读起来，不必担心如果不从头看到尾，可能就看不懂了的问题。随意打开一章都是新的风景。铺垫了这么多，就是想说，其实我是跳着看的。
非要说一点阅读感受的话，就是感觉这本书写的更流畅了。个人认为比《CSS世界》那本更好读懂，读起来更清爽、顺畅。当然也有 几年前我读那本书的时候，css基础还不太行 的原因。
几年前读《CSS世界》那本的时候，除了有些地方读不懂外，还有一个强烈感受是：“有必要吗？研究这么细致，很可能用不到啊，更别说有些还有兼容性的问题的，研究它干啥？”。
直到最近，看了个电影，目前为止我个人的2021年度最佳电影《罗曼先生，你好》，讲了一个有老学究气质的律师，一直从事法律幕后工作，在他的搭档去世之后，他不得不去找一份新工作，在他找工作的过程中，大家虽然可能并没有在业界听说过他（一直在幕后），但是交流面试下来，都会发现他是一位对法律研究如此精深的人。
其中，有场面试，是在一个开放的场合，除了面试官，其他员工也能听到他们面试的内容。等罗曼和面试官聊完，离开后。其中一个员工走过去跟面试官攀谈说：“他可真是个老古董呢”。面试官怼回道：“you stand on his shoulders,他的努力造就你现在的生活”。
以前我们都说读书是站在巨人的肩膀上，默认是一些久远的伟大的人，其实，让我们站在他们肩膀上的人一直跟我们生活在同一个时代，同一片天空。
如今读《CSS新世界》，上述感受可能依然会有，毕竟它全书都在讲CSS3，并且是在讲CSS3中一些可能大家不太熟知的一些新特性，有些知识点非常非常的细节，有些知识点又必然涉及到很多兼容性问题，如果我们还是抱着“研究这么细，还有些浏览器不能用，读了跟白读一样（听君一席话如听一席话）”，属实算有些不知好歹了。我们要明白，我们其实是站在了别人（张大佬）的肩膀上的。
下面我就说几个我之前不知道的知识点吧
font-synthesis 文本合成属性
如何让一段文本中的英文部分斜体展示、中文部分直立展示？
我们可能给这段文本设置font-style:italic，但是这样会使得中文也变成倾斜的。 这时候加上font-synthesis:none。中文部分就可以直立展示了。
PS：目前Safari支持，Chrome不支持。
进一步了解，大家可以看我在B站录的这个视频讲解：
www.bilibili.com/video/BV1KL…
为什么有时候border-radius设置不生效，加了overflow: hidden就好了？
很有可能是因为：你有一个父box，跟子box, 子元素跟父元素一样大小； 你在父元素上设置了border-radius: 10px;
因为在层叠关系上，子元素在上面，所以其实并不是圆角设置没生效，而是子元素的四个直角把父元素的圆角盖住了，子元素的四个直接属于父元素溢出的部分，加了overflow:hidden自然就好了。
当然也可以从css属性的继承性上来解释，如果border-radius属性有继承性，父元素设置了border-radius: 10px，子元素的border-radius能够继承这10px；那自然就不会有这个问题了。
当然这个问题的本质解决方案还是，直接给子元素设置border-radius, 而不是给父元素设置。
进一步了解，大家可以看我在B站录的这个视频讲解：
www.bilibili.com/video/BV1h6…
opacity属性
大家都知道opacity的取值范围是[0, 1]，可是如果设置值不在这个范围会怎么样？ 其实如果你设置的值超过了1，那么浏览器会重置为1；如果设置的值小于0，浏览器最终会取值为0；
另外：如果父元素设置了opacity:0.5，子元素也设置了opacity: 0.5，那么最终子元素会渲染成opacity多少呢？ 答案是0.5 * 0.5 = 0.25。
进一步了解，大家可以看我在B站录的这个视频讲解： www.bilibili.com/video/BV1d3…
conic-gradient锥形渐变
大家都知道线性渐变和径向渐变，其实还有一个锥形渐变，我们可能用这个属性，轻松实现纯CSS实现饼图的效果。
width: 100px; height： 100px;
border-radius: 50%;
background-image:conic-gradient(yellow 40%, green 0deg 75%, blue 0deg)
进一步了解，大家可以看我在B站录的这个视频讲解： www.bilibili.com/video/BV11w…
总结
我会陆续地把我的阅读过程，录成视频，放到B站。 大家感兴趣的可以去关注一下，我的B站用户名是：飞叶飞耶。
当然还是推荐大家买一本纸质书。
改变世界的人一直都在改变，想改变世界的人一直在想。
行胜于言，各位小伙伴加油啊！
