[css] 第155天 如何写高效的CSS？

[haizhilin2013]

第155天 如何写高效的CSS？

[AlenZhou233]

使用sass等预加载器，有嵌套，变量之类的。

[ChasLui]

使用sass等预加载器，有嵌套，变量之类的。

你可能并不需要预处理器, css3 已经开始支持变量

[AlenZhou233]

是，请问还有什么更好的方法，我主要是喜欢可以写嵌套

[Guanrui1]

css大全，看下这篇文章吧，里面基本啥都有

[forever-z-133]

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

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

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