怎么提升css技术呢，请前辈指点迷津~

Question

一开始以为css简单，只是写一些样式

现在发现这些属性互相影响，产生不同的效果，
比如一个属性的效果，在这种情况下这样，在那种情况下那样，感觉有点乱

现在学完了
各种元素/伪元素/伪类选择器、字体/文本/列表/表格，盒模型，背景、边框、定位、2d3d、过渡动画，基础的都学过了
接下来该怎么提升呢？想知道一些深入的东西

比如：

• 各种元素一开始时的默认样式，比如div默认宽度是auto还是100%呢
• 浮动、定位，还有什么操作会让元素脱离文档流
• 元素脱离文档流后产生的各方面影响，比如元素浮动后，就变成行内块元素之类的
• 还有各种单位，比如不同属性值下的百分比单位是相对于谁的
• html元素的父元素是谁
• 给文字设置行高会把包裹文字的元素高度撑开，前提是没给这个元素固定高度，这个应该怎么理解呢？

总之就是这种，可能还有很多我这里没提到的知识，从哪里能学到呢？

Answer 1

推荐你看一本书，可能比较难，但是读通了，会有极大的收获，超过95%的前端从业者

张鑫旭的《css世界》

Answer 2

实践是检验真理的唯一标准 多练习，多总结

Answer 3

css这东西想深入学习不像一些js框架可以循序渐进，虽然上手容易，但是后期会发现学习曲线简直上天，而且知识特别杂，特别乱，所以还是多积累就好了，一般踩的坑多了，也就知道的多了。

Answer 4

直接模仿网站做demo，就练出来了