[css] 如何写高效的CSS？

[css] 如何写高效的CSS？

唔，自动补全、预编译这些辅助手段确实能提升一定的效率，
但我觉得真正能提升效率的是，不看预览就敢上手的理论知识。
见过太多加几行就要预览下效果的开发了，哪怕给他双屏其实也还是会拖慢节奏。

比如这个横排该怎么写，子级是否留隙/等宽/限宽，后期有其他元素加入怎么办，等等......
虽然有了 flex 后我们要考虑的少了很多，但依旧还是有布局规律可循。
这个过程很吃经验，类似于将样式/布局进行抽象理解，
等到能写出非常完善的抽象类也熟悉其优劣长短后，那不看预览也可以快速编写了。

另一方面，直接使用调试面板进行调试编写，也比改下保存下再看眼要快一些。

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题